/* Add here all your css styles (customizations) */

/* Section titles - uppercase and lighter weight */
section h1.h2.g-font-weight-600,
section h2.h3.g-font-weight-600,
footer h2.h3.g-font-weight-600 {
  text-transform: uppercase !important;
  font-weight: 300 !important;
  letter-spacing: 2px;
}

/* Override primary color from green to teal */
:root {
  --primary-color: #18ba9b;
}

/* Primary color overrides */
.g-color-primary,
.g-color-primary--hover:hover,
.g-color-primary--parent-hover:hover,
.active .g-color-primary--parent-active {
  color: #18ba9b !important;
}

.g-bg-primary,
.g-bg-primary--hover:hover,
.g-bg-primary--active.active,
.active .g-bg-primary--active {
  background-color: #18ba9b !important;
}

.g-brd-primary,
.g-brd-primary--hover:hover,
.g-brd-primary--active.active,
.active .g-brd-primary--active {
  border-color: #18ba9b !important;
}

/* Logo styling - larger size and lighter weight */
.u-header__logo {
  font-size: 30px !important;
  font-weight: 300 !important;
}

/* Logo styling - B, M, A always teal, same light weight */
.u-header__logo span.logo-letter {
  color: #18ba9b !important;
  font-weight: 300;
}

/* Logo text - white at top */
.u-header__section--dark .u-header__logo .logo-text,
.u-header__logo .logo-text {
  color: #fff !important;
  transition: color 0.3s ease;
}

/* Logo text - dark when scrolled (light header) */
.u-header__section--light .u-header__logo .logo-text {
  color: #555 !important;
}

/* Additional selectors for scrolled state */
.js-header-change-moment .u-header__logo .logo-text {
  color: #555 !important;
}

.u-header.js-header-change-moment .u-header__logo .logo-text {
  color: #555 !important;
}

/* Ultimate override - target from body level */
body .u-header__section--light .navbar-brand.u-header__logo .logo-text {
  color: #555 !important;
}

/* Ensure anchor tag doesn't override span colors */
a.navbar-brand.u-header__logo {
  color: inherit;
}

.u-header__section--light a.navbar-brand.u-header__logo {
  color: #555;
}

/* Header nav active links */
.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link,
.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active,
.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link,
.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active {
  color: #18ba9b !important;
}

/* Button primary */
.btn-u,
.u-btn-primary {
  background-color: #18ba9b !important;
  border-color: #18ba9b !important;
}

.btn-u:hover,
.u-btn-primary:hover {
  background-color: #159f85 !important;
  border-color: #159f85 !important;
}

/* Link colors */
a.g-color-primary--hover:hover {
  color: #18ba9b !important;
}

/* Icon colors */
.u-icon-v1.g-color-primary {
  color: #18ba9b !important;
}

/* FAQ bullets - dark by default, teal on hover */
#faq-section .fa-check.g-color-primary {
  color: #555 !important;
  transition: color 0.3s ease;
}

#faq-section li:hover .fa-check.g-color-primary {
  color: #18ba9b !important;
}

/* FAQ question text - dark by default, teal on hover */
#faq-section .card-header a.g-color-primary {
  color: #555 !important;
  transition: color 0.3s ease;
}

#faq-section .card-header a.g-color-primary:hover {
  color: #18ba9b !important;
}

/* Client logos - enlarge on hover */
#clients-section img {
  transition: transform 0.3s ease;
}

#clients-section a:hover img {
  transform: scale(1.15);
}

/* Pricing featured */
.g-bg-darkblue-v2 {
  background-color: #18ba9b !important;
}
 .bannercontainer {
	width:100%;
	position:relative;
	padding:0;
}
 
.banner{
	width:100%;
	position:relative;
}

.about-section {
	padding-top: 0px;
}

.clients-section {
	padding: 0;
}

.clients-section:after {
	background-color: #fff;
}

.clients-section .title-v1 p,
.clients-section .title-v1 h2 {
	color: inherit;
}

.clients-section li a {
	transition: all 0.3s ease-in-out;
}

.clients-section li a:hover {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
}

.contacts-section {
	background-image: url(../img/bg/kegs.jpg);
}

.content-boxes-v6:hover i {
	background: #2cd5b6;
}

.content-boxes-v6:hover i:after {
	border-color: #2cd5b6;
}

.sticker-left {
	background: #2cd5b6;
}

::-moz-selection {
	background: #2cd5b6;
}

::selection {
	background: #2cd5b6;
}

a.accordion-toggle:hover {
	color: #2cd5b6;
}

.theme-color {
	color: #2cd5b6;
}