/*! 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: 30px;
}

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

/*! -- 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;
  }
}


/*! -- 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: 9px;
  font-weight: 700;
  letter-spacing: .5px;
  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: 1.23809524em;
  right: 1.23809524em;
}
.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: 1em;
		}
		span{
			position: relative;
			bottom: 2px;
		}
		text-decoration: none;
		.transition(0.3s,ease);
		&:not(:hover){
			opacity: .5;
		}
	}
}