/***************************************************************************************************************
||||||||||||||||||||||||||          	Renner Bros Stylesheet
****************************************************************************************************************



****************************************************************************************************************
||||||||||||||||||||||||||||            End TABLE OF CONTENT                ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************/
/***************************************************************************************************************
											Variables
****************************************************************************************************************/
/***************************************************************************************************************
											UI
****************************************************************************************************************/
@media (max-width: 767px) {
  .mobile-bottom-padding {
    margin-bottom: 2rem;
  }
}
/***************************************************************************************************************
											Fonts
****************************************************************************************************************/
.renner-bros-highlight-primary {
  color: white;
}
/***************************************************************************************************************
											Portfolio
****************************************************************************************************************/
.nav-pills > li > a {
  color: white;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
  color: black;
  background-color: transparent;
  border-bottom: 1px solid black;
}
/***************************************************************************************************************
											Document
****************************************************************************************************************/
body {
  color: #000000;
  background-color: #80abba;
  font-weight: 400;
}
.section-style-primary {
  border-bottom: 1px solid black;
  background-color: #80abba;
}
.my-shadow {
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
/***************************************************************************************************************
											UI
****************************************************************************************************************/
.btn-default {
  background-color: #80abba;
  border-color: #635d5d;
  border-width: 2px;
  color: white;
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
.btn-gray {
  background-color: #80abba;
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
  background-color: #757575;
  border-color: #635d5d;
  border-width: 2px;
  color: white;
}
.btn-default:hover,
.btn-default:active {
  color: black;
  background-color: #757575;
  border-color: #338dca;
}
.modal-content .modal-header {
  background-color: #7fabba;
}
/*Tabs*/
.nav-tabs.style-1 > li.active > a {
  background-color: #80abba !important;
  color: white;
}
.nav-tabs.style-1 > li > a {
  background-color: #757575;
  color: white;
}
.collapse-style-3 .panel-heading a {
  color: black;
  background-color: white;
}
.collapse-style-3 .panel-heading a.collapsed {
  background-color: #625d5d;
  color: white;
}
/***************************************************************************************************************
											Header + Navbar
****************************************************************************************************************/
.header.colored {
  background-color: black;
  border-bottom: 1px solid #3697d9;
}
.fixed-header-on .header.fixed:not(.dark) {
  border-bottom: 1px solid #f1f1f1;
  background-color: black;
}
.header-top.colored {
  background-color: black;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
}
.icon {
  color: #80abba;
  font-size: 3.5rem;
}
.informational-text-padding {
  padding-top: 1.7rem;
}
#header-default .info p,
.header-default .info p {
  font-size: 1.4rem;
  font-weight: 300;
  margin-bottom: 0;
}
#header-default .info p:last-child,
.header-default .info p:last-child {
  font-size: 1.3rem;
  color: #141f22;
  font-weight: 600;
}
/* Navbar menu item color normal*/
.navbar-default .navbar-nav > li > a {
  color: white;
  padding: 2rem 35px 2rem 10px;
}
/*
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #3697d9;
}*/
/* Navbar menu item color Active*/
.navbar-default .navbar-nav > .active > a {
  background-color: transparent;
  color: #80abba;
  font-weight: 600;
  font-size: 1.7rem;
}
/* Navbar menu item color Active*/
.navbar-default .navbar-nav > li > a:hover {
  background-color: transparent;
  color: #757575;
}
.fixed-header-on .header .logo img {
  max-height: 59.5px;
  padding-top: 4px;
}
#logo_img {
  margin-top: -7px;
}
/***************************************************************************************************************
											Navbar Mobile
****************************************************************************************************************/
@media (max-width: 767px) {
  .navbar.navbar-default {
    border-color: #ededed;
    background-color: #80abbb !important;
    font-weight: 400;
  }
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li:active > a:hover {
    background-color: transparent;
    color: black;
    border-bottom-color: white;
  }
  .navbar-default .navbar-toggle {
    border-color: white;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
}
/***************************************************************************************************************
											Footer
****************************************************************************************************************/
.footer {
  padding: 40px 0;
  color: white;
  background-color: black;
}
.footer h2.title {
  color: white;
}
.nav-pills.nav-stacked > li > a {
  color: #80abbb;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #80abbb;
}
a {
  color: #7ca1ac;
}
/***************************************************************************************************************
											End
****************************************************************************************************************/
.large_white,
.xlarge_white {
  font-family: 'Exo 2', sans-serif;
  font-weight: 600;
}
/***************************************************************************************************************
											End
****************************************************************************************************************/

/*# sourceMappingURL=custom.css.map */