/* css  */

/*DOSE Item*/
#block_items_categorized_content_4_112 > #block_items_categorized_content_4_112{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.dose-item{
  display:grid;
  grid-template-columns:max-content 1fr;
  gap:20px;
}
.dose-item-image img{width:100px;}
.dose-name{}

.display{display:grid !important;}
.display-none{display:none;}

.member-links {
  grid-gap: 20px;
  padding: 20px 0;
  margin-bottom:100px;
  display:none;
  grid-template-columns:max-content max-content;
}
a.member-links-creds,a.member-links-creds:visited,a.member-links-creds:hover{
  padding:10px 30px;
  background:transparent;
  color:#000;
  transition:all linear .15s;
  font-size:2.2rem;
  border:3px solid #001a3c;
}
a.member-links-creds:hover {
  background: #001a3c82;
  color: #fff;
  border-color: transparent;
}
a.member-links-login,a.member-links-login:visited,a.member-links-login:hover{
  background:#001a3c;
  padding:10px 30px;
  color:#fff;
  transition:all linear .15s;
  font-size:2.2rem;
}
a.member-links-login:hover{background:#024295;}


#block_items_categorized_content_4_111 > #block_items_categorized_content_4_111{
  display:grid;
  grid-template-columns: 1fr 1fr;
  grid-gap:20px;
}
#block_items_categorized_content_4_111 .item{
  border:none;
  padding:10px;
  display:grid;
  gap:20px;
  grid-template-columns:max-content 1fr;
}

.item h3.title{color:#000;}

label{font-family: 'Cabin', sans-serif;font-weight:500;}
input{border:2px solid #00000069;padding:5px;}
textarea{border:2px solid #00000069;padding:5px;}
input[type = "submit"]{border:none;background:#E1B000;padding:10px 30px;font-size:1.6rem;color:#fff;font-weight:500;}

i.right-arrow-icon {
  background: url("../svg/arrow-icon-right.svg")no-repeat center;
  background-size: auto;
  background-size: contain;
  width: 10px;
  height: 15px;
  display: inline-block;
  margin-left: 20px;
}



/* SDS Styles */

.sds-item {display:inline-flex;padding:4px;margin-bottom:2px;width:calc(100% / 3);}
.sds-link {display:block;padding:4px;border-radius:4px;}
.sds-link:hover {background:#efefef;}

@media (max-width:960px){ 
  .sds-item {width:100%;}
}

.login input {
  border:1px solid #ccc;
  line-height:2;
  font-size:1.5rem;
  border-radius:0;
  padding:.2rem 1rem;
}

.login input[type="submit"] {
  padding: 5px 40px;
  font-size: 1.7rem;
}

#member_login_status {
  display:flex;
  gap:1rem;
  justify-content: center;
}

#member_login_status_label, #member_login_status_name {
  display:none;
  position:absolute;
  background:#fff;
  padding:.2rem 1.2rem;
  border-radius:.4rem;
  box-shadow: 0 1px 3px rgba(0,0,0,.2);
}
/*
#member_login_status_label {
transform: translatey(100%); 
}
*/
#member_login_status_name {
  transform: translatey(100%); 
}

.member-login-status:hover #member_login_status_name {
  display:flex;
}

.clearafter::after {
  content: ' ';
  display:block;
  clear:both;
}
.clear {
  clear:both; 
}

.hide {display:none !important;}

@keyframes pulsate { 0% {opacity:1;} 25% {opacity:0;} 50% {opacity:1;} 75% {opacity:0;} 100% {opacity:1;}}
.pulse {
  animation-duration: 1s;
  animation-name: pulsate;
}

.copied {
  background: #faffa4;
  padding: 4px 6px;
  display: block;
  margin: 6px 0 0 0;
  color:#ab862c;
  position: relative;
  right:0;
}

.marketing_kit_snippet
{
  margin: 0 0 16px;
  border: 1px solid #eaeaea;
  padding-left: 11px;
  border-width: 1px 1px 1px 4px;
}

.marketing_kit_snippet p {position:relative;}

.marketing_kit_snippet .img_column
{
  display:flex;
  flex: 0 0 220px;
  align-items: center;
}

.marketing_kit_snippet .img_column a {display:block;}
.marketing_kit_snippet .img_column img {border:none;}
.marketing_kit_snippet .flex_column {padding: 0 14px;}
.marketing_kit_snippet textarea {min-height:80px; display:block; width:100%;}

.grid-lg-sm{
  display:grid;
  grid-template-columns:1fr max-content;
}

#articles_module_3_articles_3 h2 {font-size: 3.1rem;color:#000;}
#articles_module_3_articles_3 a {color:#0054f3;}
#articles_module_3_articles_3 p {color:#000c;}
#articles_module_3_articles_3 .publish_date {
  color: #000000ad;
  padding: 20px 0;
}

.article {
  background:#fff;
  padding: 30px;
  box-shadow: 0px 5px 15px -5px #00000021;
  transition:background .15s;
  border-left:3px solid #004AAB;
}

.article-summary{
  padding:0;
}
.article:hover {
}
.article-no-bg {
  background: transparent;
  border: none;
  box-shadow: none;
}

.article-image{
  display: inline-block;
  background:#fff;
  border-radius: 5px;
  padding: 20px;
  float: right;
  margin-left: 30px;
}

#blog-page main{background:#fff;}
#blog-page .article h2 a{color:#414141;}

#articles_module_3_articles_3{
  display:grid;
  grid-gap:20px;
  grid-template-columns:1fr;
}
#articles_module_3_articles_3 p{color:#4b4b4b;}
#articles_module_3_articles_3 .publish_date{color:#00000094;}



#m_contact_3 p{
  color: #fff; 
}

.contact-rows{
  display:grid;
  grid-template-columns: 1fr 3fr;
  grid-gap:10px;
}

.contact-rows .cr-col-1{
  padding:0 15px;
}
.contact-rows .cr-col-2{
  padding:30px 15px;
}

#contact main{padding: 140px 15px 60px 15px;}

/**Contact Form**/
.form-styled input
,.form-styled textarea{
  padding: 10px;
  border:2px solid #8b8b8b;
  border-radius: 5px;
  font-size: 1.5rem;
}
.form-styled label {
  font-weight: normal;
  color:#414141;
}
.form-styled input[type="submit"]{
  background:#ffb300;
  padding: 0px 7rem;
  font-size: 1.7rem;
  border: none;
  color:#fff;
  line-height: 50px;
}

.form-styled input[type="submit"]:hover{
  background:#ffbf2a;
  cursor:pointer;
}

/**CTA Home**/
.cta-row{
  position:relative;
}
.cta-row p{
  color:#fff;
}

.cta-row input{
  border: none;
  padding: 15px 20px;
  font-size: 20px;
  border-radius: 3px;
}
.cta-row .submit{
  background:#ffb300;
  color:#fff;
}
.cta-form{
  padding:20px;
  display: grid;
  grid-template-columns: 3fr 3fr 1fr;
  grid-gap:2px;
}

i.cta-icon {
  background: url("../svg/cta-icon.svg")no-repeat center;
  background-size: contain;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-left: 20px;
}

.cta-row a
,.cta-row a:visited
,.cta-row a:hover
{
  background:#E1B000;
  color:#fff;
  text-align: center;
  padding: 15px 40px;
  font-size: 2.4rem;
  margin-top: 30px;
  transition: all ease .15s;
}
.cta-row a:hover {
  background: #E1B000;
  transform: scale(1.1);
}

.cta-bg{
  background:#fff url(../jpg/cta-bg.jpg)no-repeat center center;
  background-size:cover;
  width:100%;
}
.cta-bg-overlay{
  padding:100px 20px;
  background:radial-gradient(#00000096 40%,#0000004a);
  color:#fff;
  width:100%;
  position:relative
}


mapbox-map {
  height:350px; 
}
.map-points-search
{
  position: absolute;
  z-index: 100;
  padding: 4px 8px;
  background: #fff;
  display: flex;
  place-items: center;
  margin: 4px;
  border-radius:4px;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

.map-points-search-form > * {
  margin:2px;
}

.map-points-search-zip {max-width:90px;}
@media (max-width: 960px){
  .map-points-search-form > * {font-size:1.5rem;}
  .map-points-search {
    position: static;
    margin: 0;
    border-radius: 4px 4px 0 0;
    box-shadow: none;
    width: 100%;
    border: 2px solid rgba(0, 0, 0, 0.1);
  }
}

.form-row{padding:10rem 20px;}

.grid-columns-2 {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 20px;
}
.footer-form h3,.footer-form p{text-align:center;}
.footer-form .grid-2{grid-gap:10px;display: grid;grid-template: "col1 col2" auto / 1fr 1fr;}
.footer-form{
  max-width: 600px;
  min-width: 500px;
  box-shadow: 0 0px 25px -15px;
  padding: 30px;
}
.footer-form .form-heading{padding-bottom:20px;}

.form-default-soft input
,.form-default-soft textarea{
  border: none;
  padding: 15px;
  background: #e6e6e6;
  width:100%;
  border-radius: 3px;
}

.submit-btn input, .submit-btn input:hover, .submit-btn input:visited{
  background: #4b8ad6;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  border-radius: 3px;
  width:100%;
  padding:10px 50px;
  cursor:pointer;
}
.submit-btn input:hover{background:#3378cc;}

/* Hide store items by default 
#public_block_cart_preview {display:none;}*/

/*From OLD SITE (some still used)*/
.tabs_h .tabs {border-bottom: 2px solid #014195;}
.h4, h4 {
  font-size: 2.5rem;
}
.row-vert-center{
  display:grid;
  align-content:center;
}
.bg-special {background:#38d39f;}

.info-block{padding:20px;}
.container{padding: 60px 0;}

.footer-logo {width:100%;max-width:200px;}

footer i.fas {color:#38d39f;}
footer .info-column {text-align:right;}

.tabs_h .tab a, .tabs_h .tab a:visited, .tabs_h .tab a:hover, .tabs_h .tab_selected a, .tabs_h .tab_selected a:visited {
  border-radius: 0;
  transition: all ease .15s;
  padding: 15px 40px;

}
.tab a, .tab a:visited, .tab a:hover, .tab_selected a, .tab_selected a:visited {
  background: rgb(241, 241, 241);
  color:#313131;
}
.tab_selected a, .tab_selected a:hover, .tab_selected a:visited {
  background: rgb(1, 65, 149);
  color:#fff;
}
.tab a:hover {
  background:rgb(225, 225, 225);
}

.tab_selected a:hover{
  background: rgb(1, 65, 149);
}

.item_content {word-break: break-all;}
#yclist li p {padding:0 10px;cursor:pointer;}

.yc-selected p {
  background:#464C54;
  border-radius:4px;
  color:#fff;

}

/*js form submit success*/

.contact-form-submit-popup {
  position: fixed;
  background: #fff;
  color: #000;
  padding: 20px;
  border-radius: 6px;
  z-index: 200;
  box-shadow: 0 6px 52px 10px rgba(0,0,0,.3);
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  max-width: 430px;
  width: calc(100% - 20px);
}

.contact-form-submit-popup .close-button {
  position: absolute;
  top: 5px;
  right: 10px;
  opacity: .5;
  padding: 5px;
  border-radius: 4px;
}

.contact-form-submit-popup .close-button:hover {
  opacity:1; 
  cursor:pointer;
  background:#efefef;
}

#m_contact_3_js_form_target { position: relative; }

#m_contact_3_js_form_target .at-ajax-loading {
  color: white !important;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  background: #0000001a;
  padding: 4px;
  border-radius: 6px;
  z-index: 200;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: 130px;
  opacity: .6;
}

@keyframes rotateloop {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

#m_contact_3_js_form_target .at-ajax-loading::before {
  border:4px solid #AFAFAF;
  border-top-color: #CBCBCB;
  overflow: hidden;
  border-radius: 50%;
  content: " ";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
  animation: rotateloop 1s infinite linear;
  box-shadow: inset 0px 0px 6px rgba(0,0,0,.2), 0px 0px 6px rgba(0,0,0,.2);
}

/*ARTICLES*/
.article_side
{
  margin: 10px 0; 
}

article
{
  padding:20px;
  margin-bottom:20px;
  background:#efefef;
  overflow-wrap: break-word;
}
article h2 {margin: 10px 0;}
article .article-date {
  font-size: 1.5rem;
  background: rgba(0,0,0,0.1);
  padding: 4px 13px;
  display: inline-block;
  border-radius: 4px;
  color: #555;
}

article h2 a,article h2 a:visited,article h2 a:hover {color: #000;}
article h2 a:hover {text-decoration: underline;}

blockquote
{
  background: url("../quote_open.html") no-repeat scroll 10px 0px;
  border-left: 3px solid #ccc;
  font-size: 1em;
  line-height: 1.5;
  margin: 20px 0px 20px 10px;
  padding: 10px 0px 10px 25px;
}

blockquote:before
{
  content:"\201C"; 
  font-size: 42px;
  position: absolute;
  margin: -26px 10px 10px -20px;
  color: #BCBCBC;
}

blockquote p,blockquote :first-child {margin-top:0;}

.hljs
{
  border: 1px dashed rgba(0, 0, 0, 0.09);
  padding: 16px;
  color: #515151;
  position:relative;
  margin-top:20px;
}

code.language-html::before
,code.language-css::before
,code.language-javascript::before
{
  content:'HTML';
  top:-10px;
  left:-1px;
  position:absolute;
  padding:2px 4px;
  color:#fff;
  background:#417799;
  font-size:10px;
}

code.language-css::before {content:"CSS";background:#B77246;}
code.language-javascript::before {content:"JS";background:#4F9941;}

/*light_thin_theme*/
.light_thin_theme input[type="text"],
.light_thin_theme input[type="email"],
.light_thin_theme input[type="submit"],
.light_thin_theme textarea {
  background: #fff;
  padding: 12px 5px;
  border: 2px solid #cfcfcf;
  border-radius: 8px;
  width: 100%;
}

.light_thin_theme input[type="submit"] {
  padding: 10px 40px;
  background: #007bff;
  color: #fff;
  border: none;
  width: auto;
}

@media (max-width:1056px){
  .gallery_item{width: calc(50% - 20px) !important;}
}

@media (max-width: 960px){
  .footer-form {min-width:100%;}
  .form-row {padding: 20px;}
  .grid-columns-2{grid-template-columns:1fr;}
  
  .cta-row a, .cta-row a:visited, .cta-row a:hover {
    padding: 15px 40px;
    font-size: 2.2rem;
    border-radius: 2px;
  }
  .contact-rows{grid-template-columns: 1fr;}
  #blog-page .article h2 {font-size: 3rem;}
  .article-image {float: none;margin-left: 0;margin-bottom:10px;}
}
@media (max-width:500px){
  .gallery_item{width: 100% !important;margin: 10px 0px !important;}
}


/* MERGED FROM merge.css ... need to evaluate these styles */


/* From framework 1.3 */
.tab .item_count {position: static;padding-left: 5px;}
/* -- END: From framework 1.3 */

/* Store items */
.integra_system_item  {margin: 60px 0;}
.integra_system_item .mini_store_category_display {background:none;width:600px;}
.integra_system_item .integra_system_item {margin:0;float:none;clear:both;}
.integra_system_item .item_image {padding:0;flex: 0 1 320px;flex-grow:0;text-align:center;}
.integra_system_item .item_image img {max-width:300px;}
.integra_system_item .icons {float:right;}
.integra_system_item .icons div {margin:10px 0 12px 10px;}
.integra_system_item .icons .he_system_icon {width:57px;height:50px;background:url(../logo_ico_he.html) center center no-repeat;}
.integra_system_item .icons .dfe_system_icon {width:57px;height:108px;background:url(../logo_ico_dfec619.html) center center no-repeat;}
.integra_system_item .icons .integra_green_system_icon {width:57px;height:59px;background:url(../logo_ico_integragreen.html) center center no-repeat;}

.integra_system_item .info {width: 70%;}
.integra_system_item .name {font-size:1.3em;font-weight:bold;padding:0 0 3px 0;}
.integra_system_item .product_info {font-size:1.1em;color:#999;padding:0 0 3px 0;border-bottom:1px dotted #ccc;}
.integra_system_item .product_info span {padding:0 10px 10px 0;}
.integra_system_item .description {padding:4px 0 10px 0;}

.integra_system_item .item_heading h3 {padding:0;margin:0 0 12px 0;border-bottom:1px solid #ccc;}
.integra_system_item .item_heading {border:none;}
.integra_system_item .highslide img {border: none !important;}
/* -- END: Store items */

/* Find a distributor */
.letter h2 {border-bottom: 1px solid #efefef;margin: 20px 0 2px;color:#014195;}
/* -- END: Find a distributor */

/* Map Points */
.map_points_item {border-bottom:1px solid #EFEFEF;margin:0 0 10px 0;padding:10px;}
.map_points_item .name {font-weight:bold;}
.map_points_item .name,.map_points_item .phone,.map_points_item .link 
,.map_points_contact {width:25%;float:left;}
.map_points_item .address {clear:both;color:#999;}
.map_points_item .address span {display:block;}
.map_points_search {margin: 0 0 12px 0;}
.map_points_search form {display: grid;grid-template-columns: repeat(5, max-content);grid-gap: 10px;}
/* -- END: Map Points */

@media (max-width: 960px){
  .map_points_item .name, .map_points_item .phone, .map_points_item .link, .map_points_contact {
    width:100%;
  }
  .map_points_item{display:grid;}
  .alphabet_navbar tr{display: flex;flex-wrap: wrap;}
  .alphabet_navbar td{padding: 0 5px;}
  .map_points_search form {grid-template-columns:1fr;width: 100%;}
  .map-points-search-zip{min-width:100%;}
  .map-points-search-form > * {
    border: 1px solid #cfcfcf;
    padding: 10px;
    width: 100%;
  }
  .integra_system_item .info {
    width: 100%;
  }
  .integra_system_item .item_image{display:grid;align-items:center;}
}

@media (max-width: 800px){

  .grid-lg-sm{grid-template-columns:1fr;}

}