/*! Place your custom styles here */

/*! Client NOTE: all border-radius instances changed in parent theme css to: border-radius: 2px; */

/*! -- Custom main Nav bar logo size -- */
.bar .logo {
    max-height: 3.3em;
    max-width: none;
}

/*! -- Custom SVG section shape -- */
svg {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 10vw;
  /* set height to pixels if you want angle to change with screen width */
}

/*! -- row with flex equal height content wrap (= respect columns' widths) -- */
.row-flex {
  display: flex;
  flex-wrap: wrap;
}

/* vertical spacing between columns */
[class*="col-"] {
  margin-bottom: 15px;
}

.content {
  height: 100%;
  padding: 20px 20px 0px;
  color: #fff;
}

/* product element spacing */
.product {
  padding-left: 1em;
}

/*! -- Custom url links styling -- */
a:hover {
  color: #40a8a6;
  text-decoration: none;
}

/*! -- Custom menu links styling -- */
.menu-horizontal > li:not(:hover) > a, 
.menu-horizontal > li:not(:hover) > span, 
.menu-horizontal > li:not(:hover) > 
.modal-instance > 
.modal-trigger {
    opacity: .75;
}

/*! -- Custom feature-2 icon position -- */
.feature-2 i {
  width: 25%;
  float: right;
}

/*! -- Custom Colors -- */
.color--primary {
  color: #009999 !important;
}
a {
  color: #009999;
}
.color--primary-1 {
  color: #333366 !important;
}
.color--primary-2 {
  color: #663366 !important;
}

/*! -- Custom rule lines -- */
hr.short {
  width: 4em;
  border-color: #009999;
}
hr.medium {
  width: 12em;
  border-color: #009999;
}
hr.long {
  width: 24em;
  border-color: #009999;
}


/*! -- Custom typography -- */
h1,.h1{
	letter-spacing: .025em;
}

@media all and (max-width: 767px) {
  h1,
  .h1 {
    font-size: 2.2em;
    line-height: 1.4em;
  }
  h2,
  .h2 {
    font-size: 1.9em;
    line-height: 1.6em;
  }
  h3,
  .h3 {
    font-size: 1.6em;
    line-height: 1.7em;
  }
  .lead {
    font-size: 1.18em;
    line-height: 1.46842105em;
  }
}
  
  .oversub {
    margin-bottom: 0.1em;!important;
  }


/*! -- change size of menu font on mobile -- */
@media all and (max-width: 768px) {
    .bar-1 .menu-horizontal>li>.dropdown__trigger, .bar-1 .menu-horizontal>li>a {
        font-size: 15px;
    }
}

/*! -- Nav bar logo size on mobile -- */
@media all and (max-width: 768px) {
    .bar .logo {
        max-height: 40px;
    }
}

/*! -- Nav bar logo vert alignment on mobile -- */
.hamburger-toggle i {
    position: relative;
    top: 5px;
}

/*! -- footer logo size -- */
footer .logo {
    max-height: 60px
}

/*! -- footer widget margin size on mobile -- */
@media all and (max-width: 768px) {
    .footer-2 .col-sm-6.col-md-3 {
        margin-bottom: 24px;
    }
}

/*! -- Form notification styling  -- */
.form-error {
  margin-top: 1.5625em;
  padding: 0.78125em;
  background: #D84D4D;
  color: #fff;
  position: fixed;
  min-width: 350px;
  left: 50%;
  bottom: 1.5625em;
  transform: translate3d(-50%, 0, 0);
  -webkit-transform: translate3d(-50%, 0, 0);
  z-index: 999;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.form-success {
  margin-top: 2em;
  padding: 0.78125em;
  background: #00dddd;
  color: #fff;
  position: fixed;
  min-width: 350px;
  left: 50%;
  bottom: 2em;
  transform: translate3d(-50%, 0, 0);
  -webkit-transform: translate3d(-50%, 0, 0);
  z-index: 999;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}



/*! -- Custom Label styles -- */
.label {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #fff;
  text-transform: uppercase;
  height: 24px;
  min-width: 50px;
  padding: 0 7px;
  text-align: center;
  border-radius: 2px;
  position: absolute;
  z-index: 3;
  top: 2em;
  right: 5em;
}
.label:not([class*='bg--']) {
  background: rgba(0, 153, 153, 0.6);
}
.label.label--inline {
  position: relative;
  top: 0;
  right: 0;
}
.label.label--inline:not(:last-child) {
  margin-right: 0.92857143em;
}
.label.label--inline + span,
.label.label--inline + p {
  position: relative;
  top: 1px;
}
.label.switchable-toggle {
  left: 50%;
  right: auto;
  transform: translate3d(-50%, 0, 0);
  -webkit-transform: translate3d(-50%, 0, 0);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
}
.bg--primary-1 .label:not([class*='bg--']) {
  background: #1c2541;
}

/*! -- custom breadcrumbs -- */
.breadcrumbs{
    font-size: 1.2em;
    line-height: .5em;
    margin-bottom: .2em;
}


/*! -- custom class for prod card quick view icon -- */
.card__action_qv {
	a{
		color: @color-dark;
		i{
			color: @color-primary-1;
			font-size: 1.3em;
		}
		span{
			position: relative;
			bottom: 2px;
		}
		text-decoration: none;
		.transition(0.3s,ease);
		&:not(:hover){
			opacity: .5;
		}
	}
}

/**! Custom Bars **/
.bar {
  padding: 1.85714286em 0 0.2em 0;
}
.bar .logo {
  margin: 0;
  position: relative;
  top: 4px;
}
.bar .menu-horizontal {
  position: relative;
  top: 6px;
}
.bar:not([class*='visible-']) + .bar {
  margin-top: 0.92857143em;
}
.bar.bar--xs {
  padding: 0.46428571em 0;
}
.bar.bar--sm {
  padding: 0.92857143em 0;
}
.bar.bar--lg {
  padding: 2.78571429em 0;
}
.bar.bar--lg .logo {
  top: 0;
}
.bar.bar--xlg {
  padding: 4.64285714em 0;
}
.bar.bar--xlg .logo {
  top: 0;
}
.bar.bg--dark .logo-dark {
  display: none;
}
.bar:not(.bg--dark):not(.bar--transparent) .logo-light {
  display: none;
}
@media all and (max-width: 767px) {
  .bar.bar--mobile-sticky[data-scroll-class*='fixed'].pos-fixed {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 999;
  }
  .bar.bar--mobile-sticky[data-scroll-class*='fixed'] + .bar.pos-fixed {
    top: 3.71428571em;
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 999;
  }
}
@media all and (min-width: 991px) {
  .bar__module:not(:only-child) {
    display: inline-block;
  }
  .bar__module:not(:last-child) {
    margin-right: 0.92857143em;
  }
  .bar--transparent:not(.bar--dark) {
    background: none;
  }
  .bar--transparent:not(.bar--dark) .logo-dark {
    display: none;
  }
  .bar--transparent:not(.bar--dark) .logo-light {
    display: inline-block;
  }
  .bar--transparent:not(.bar--dark):not(.pos-fixed) .menu-horizontal > li > a,
  .bar--transparent:not(.bar--dark):not(.pos-fixed) .menu-horizontal > li > span {
    color: #fff;
  }
  .bar--transparent:not(.bar--dark):not(.pos-fixed) .btn:not([class*='primary']) {
    border-color: rgba(255, 255, 255, 0.3);
  }
  .bar--transparent:not(.bar--dark):not(.pos-fixed) .btn:not([class*='primary']) .btn__text {
    color: #fff;
  }
  .bar--transparent:not(.bar--dark):not(.pos-fixed) .btn:not([class*='primary']):hover {
    border-color: rgba(255, 255, 255, 0.7);
  }
  .bar--absolute {
    position: absolute;
  }
  .bar--absolute,
  .pos-fixed {
    z-index: 99;
    width: 100%;
  }
  .bar.pos-fixed {
    position: fixed;
    top: 0;
    animation: fadeInDown 0.3s ease-out forwards;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
  }
  .bar.pos-fixed:not([class*='bg-']) {
    background: #ffffff;
  }
  .bar.pos-fixed:not([class*='bg-']) .logo-dark {
    display: inline-block;
  }
  .bar.pos-fixed:not([class*='bg-']) .logo-light {
    display: none;
  }
  .bar.pos-fixed.bg--dark {
    background: #053744;
  }
}
@media all and (max-width: 767px) {
  .bar__module {
    margin-bottom: 0.92857143em;
  }
  .bar__module + .bar__module {
    margin-top: 1.85714286em;
  }
  .bar__module .btn {
    display: block;
  }
  .bar__module .btn + .btn {
    margin-left: 0 !important;
  }
  .bar__module .btn:not(:last-child) {
    margin-bottom: 0.92857143em;
  }
  .bar + nav.bar {
    padding-top: 0;
  }
}