/* bootstrap */
@import 'bootstrap.css';

*{
	font-family: 'Lato', sans-serif;
}

:root{
  --bs-primary-rgb: 8, 75, 154 !important;
  --bs-primary: #084b9a !important;
  --bs-blue: #084b9a !important;
}
  p a {
    color: #1765c1 !important;
    text-decoration: underline !important;
  }
  p a:hover {
    color: #084b9a !important;
  }

  .btn-primary{
    color: #fff !important;
    background-color: #084b9a !important;
    border-color: #084b9a !important;
    text-decoration: none !important;
  }

  .btn-primary:hover{
    color: #fff !important;
    background-color: #1765c1 !important;
    border-color: #1765c1 !important;
    text-decoration: none !important;
  }

  .navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.55) !important;
  text-decoration: none !important;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7) !important;
  text-decoration: none !important;
}

.dropdown-item {
  text-decoration: none !important;
}

.footer-btn .fas{
  float:right;
  margin-top: 4px;
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3) !important;

}

.prod_text {
       max-width: 200px;
       white-space: nowrap;
       text-overflow: ellipsis !important;
       overflow: hidden;
       font-size:0.8em;
     }

    #products td, #products th {
        vertical-align: middle;
    }

    th.center, td.center{
      text-align:center !important;
    }

    th.right, td.right{
      text-align:right !important;
    }

.ecSearch{
	width:30vw;
	padding:15px;
	border-radius:7px;
	border:none;
	background:rgb(248, 249, 250);
	transition: all 1s ease-in-out;
	border:1px solid #e7e7e7;
}

.hum-head h2{
	width:100%;
	float:left;
	text-align:center;
	transition: all 1s ease-in-out;
	width: 30vw;
	margin-left:calc(35vw - 20px);
	margin-right:calc(35vw - 20px);
	font-weight:300;
}

.hum-head{
	height:calc(25vh - 73.25px);
		transition: all 1s ease-in-out;
	overflow:auto;
		overflow: hidden;
	min-height: 185px;
}

.hum-head.active{
	height:auto;
	transition: all 1s ease-in-out;
	overflow: hidden;
	min-height: 50px;
	
}
.hum-head .ecSearch{
	float:none;
	transition: all 1s ease-in-out;

}

.hum-head.active h2{
	width:20vw;
	float:left;
	text-align:left;
	transition: all 1s ease-in-out;
	margin-left:0vw;
	margin-right:0;
	cursor:pointer;
}

.hum-head.active .ecSearch{
	width:15vw;
	float:right;
	padding:10px;
	transition: all 1s ease-in-out;
	margin-top: 40px !important;
}

.hum-table{
	max-height:0;
	overflow:hidden;
	transition: all 1s ease-in-out;
}

.hum-table.active{
	max-height:7500px;
	overflow:visible;
	transition: all 1s ease-in-out;
	
}

#products_essick{
	opacity:0;
		transition: all 1s ease-in-out;

}

.hum-table.active #products_essick{
	opacity:1;
		transition: all 1s ease-in-out;

}

.hum-footer{
	background-image: url("https://dev.essickair.com/images/humidifier-footer.jpg");
	background-size: auto 100%;
	background-position:center center;
	background-repeat:no-repeat;
}

#products_essick_filter{
	display:none !important;
}

#products_champion_filter{
	display:none !important;
}

.cool-head h2{
	width:100%;
	float:left;
	text-align:center;
	transition: all 1s ease-in-out;
	width: 30vw;
	margin-left:calc(35vw - 20px);
	margin-right:calc(35vw - 20px);
	position:relative;
	font-weight:300;
}

.cool-head{
	height:calc(25vh - 73.25px);
		transition: all 1s ease-in-out;
	overflow:auto;
		overflow: hidden;
	min-height: 185px;
}

.cool-head.active{
	height:auto;
	transition: all 1s ease-in-out;
		overflow: hidden;
	min-height: 50px;
	
}
.cool-head .ecSearch{
	float:none;
	transition: all 1s ease-in-out;
}

.cool-head.active h2{
	width:20vw;
	float:left;
	text-align:left;
	transition: all 1s ease-in-out;
	margin-left:0vw;
	margin-right:0;
	cursor:pointer;
}

.cool-head.active .ecSearch{
	width:15vw;
	float:right;
	padding:10px;
	transition: all 1s ease-in-out;
	margin-top: 40px !important;
}

.cool-table{
	max-height:0;
	overflow:hidden;
	transition: all 1s ease-in-out;
}

.cool-table.active{
	max-height:7500px;
	overflow:visible;
	transition: all 1s ease-in-out;
	
}

#products_champion{
	opacity:0;
		transition: all 1s ease-in-out;

}

.cool-table.active #products_champion{
	opacity:1;
		transition: all 1s ease-in-out;

}

.cool-footer{
	background-color:#212529;
	background-image: url("https://dev.essickair.com/images/cooler-footer.jpg");
	background-size: auto 100%;
	background-position:center center;
	background-repeat:no-repeat;
}

#products_champion_paginate a{
	color:#e5bc82 !important;
  }

#products_champion .btn-primary{
	background-color:#e5bc82 !important;
	border-color: #caa064 !important;
	color:rgb(33, 37, 41);
}

#products_champion .btn-primary:hover{
	background-color:#caa064 !important;
	border-color: #caa064 !important;
	color:rgb(33, 37, 41);
}

#products_essick_paginate a{
	color:rgb(0, 170, 0) !important;
  }

#products_essick .btn-primary{
	background-color:rgb(0, 170, 0) !important;
	border-color: rgb(0, 130, 0) !important;
	color:rgb(33, 37, 41);
}

#products_essick .btn-primary:hover{
	background-color:rgb(0, 130, 0) !important;
	border-color: rgb(0, 130, 0) !important;
	color:rgb(33, 37, 41);
}

#products_champion_length{
	color:white !important;
}

input.ecSearch:focus {
    outline: 0 !important;
}