/* Add custom css here */

/* $navy #032664;  adv  */
/* $blue #2182C5;  adv medium blue */
/* $royal: #004B96;  adv  */
/* $light-gold:	#ffe55d; */

#js-bootstrap-offcanvas { background: #032664;}

#breadcrumbs { font-size: 15px; }
figcaption { font-size:13px; }
.small { font-size: 15px; }
.smallest { font-size: 12px; }	
li.indent { margin-left: 50px; }
div.indent { margin-left: 25px; }
.pad-btm { padding-bottom: 30px; }
hr { display:table; width:100%;}
.red { color: #c00; }
.btn { padding: .25rem 1.25rem;	}
.boxOutline { text-align: center; border: 1px solid #cacaca; padding: 15px; margin: 20px 0 20px 0; }
.boxGold { text-align: center; background-color: #FFD402; padding: 10px;  }
.basic-table td { border-bottom: 1px solid #cacaca; padding: 5px; vertical-align:top; }	

.h2, h2 { font-size: 1.5rem !important; } 
	
section#content { margin: 2rem 0 3rem 0; }	
header.page-header { margin-bottom: 2rem; }

h2.accordion-headline { margin-top:30px;  }	 /* manuals page */
.accordion .accordion-label {
    width: 100%; background: #fff; color: #2182c5; font-size: 1.2rem;  /* manuals page */
    text-align: left; font-weight: 700; padding: 1rem; border: 0; cursor: pointer;
}	
.accordion .accordion-content > li { padding-left: 15px; }
.accordion .accordion-label:before { color: #2182c5; }

.tab-set>li:hover { background: #ffe55d; border-top: 3px solid #ffe55d; }

div.horiz-rule { width:100%; border-bottom: 1px solid #032664; }	
@media screen and (max-width:767.9px) { div.horiz-rule { position:relative; margin-bottom:20px;  } }

/* contact page & FYIs */
@media (min-width: 992px) {  .border-left-desktop { border-left: 1px solid #ccc; /* margin-left:25px;*/ } }  
 /* contact page col-lg-10 */
@media (min-width: 992px) { body.page-template-template-contact .border-left-desktop { margin-left: 30px; padding-left:30px;  max-width: calc(83.3333333333% - 30px); }   } 

body .gform_wrapper .gform_footer input.button, body .gform_wrapper .gform_footer input[type=submit] { color: #fff !important; }
.gform_wrapper.gravity-theme .gfield_description { padding-top:0; }


/* adding blue underline */
@media screen and (min-width: 992px) { header.banner .header-nav-container { border-bottom: 1px solid #2182c5; padding-bottom:15px;  } }
header.banner .nav-primary li a { padding: 0.35rem 0 0.5rem 1rem; }

@media screen and (min-width: 992px) { header.banner a.btn { float: right; margin-top: 0.25rem; } }

header.banner div.phone-mobile { display:none; vertical-align:top; font-size: 1.5rem; padding-top:5px; }
header.banner div.phone-mobile a { color:#fff; }

@media screen and (max-width: 992px) {
	header.banner .navbar-toggle.offcanvas-toggle.js-offcanvas-has-events {  position:relative; top:0; }
	header.banner .navbar-toggle { padding-right: 0; }		
	header.banner #menu-header-menu  { display: none; }	
	header.banner a.btn { display:none; }   /* move to  a gold button in fly in */
	header.banner img.custom-logo { width:33%; height:auto; display:inline-block; vertical-align:top;  }
	header.banner div.phone { display:none; }
	header.banner div.phone-mobile { display: inline-block; width: calc(65% - 42px); text-align:center;   }	
	header.banner div.d-lg-none { display: inline-block; float:right; width:42px; text-align:right; margin-left: 0 }
	header.banner .header-nav-container { padding-top: 0; }
	header.banner div.search  { display: block; width:100%; padding-left:40%;  }
	header.banner div.search input { display: block; width:100%; font-size: 13px !important;  }	
}
@media screen and (max-width: 480px) {
	header.banner img.custom-logo { width:33%;  }
	header.banner div.phone-mobile { font-size: 1.15rem; width: calc(63% - 42px);    }
	header.banner div.search  { padding-left:0;  }
}

/* button in header */
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item.mega-btn-contact > a.mega-menu-link {
	height: 40px; height:32px; } 	
li.mega-btn-contact a {
    background: linear-gradient(#ffe76c, #ffe55d, #ffe34e) !important;
    color: #032664 !important;
	border-radius: .3rem !important;
    padding: 0 1.25rem !important;
	margin-left: 25px !important; line-height:40px; line-height:32px !important; 
	font-weight: 700 !important;
}	
li.mega-btn-contact a:hover {
    background: linear-gradient(#ffef9a, #ffec86, #ffe76c);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12);
}
@media (max-width: 992px) { 
	#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item.mega-btn-contact > a.mega-menu-link { height: 40px; display:inline-block; color: #000 !important; } 
	li.mega-btn-contact a {	border-radius: .3rem !important;padding: 0 1.25rem !important;margin: 10px 0 20px 0 !important; line-height:40px !important; 	}
}
	
/* Mega Menu plugin */
@media (min-width: 992px) { header.banner .nav-primary { float:right; } } 

#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu li.mega-menu-item  { border-bottom: 1px solid #ccc;  }	

#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-item a.mega-menu-link:after {
    display: inline-block; font: inherit; font-family: dashicons; position: static; color: #fff; margin: 0 6px 0 0px;
    vertical-align: top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: transparent; height: auto; width: auto; top: auto;
}	
.dashicons-arrow-down-alt2:after { content: "\f347"; }	
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item > a.mega-menu-link:before { content: none; } 
li.mobile { display:none !important; }	

@media screen and (max-width: 992px) { /* mega menu plugin at mobile size */
  #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-item a.mega-menu-link:after {  margin-left: 8px; } /* move arrow out */
  #mega-menu-wrap-primary_navigation .mega-menu-toggle + #mega-menu-primary_navigation {  background: #032664 !important; }
  #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu { background: #032664 !important; }
  /* #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { background: #fff !important;  }  */
  #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item > a { text-transform:uppercase !important; } /* top level */
  #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { text-transform:uppercase !important; }
  #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-item a.mega-menu-link:after { color: #fff; }
  li.mobile { display:block !important; }

  #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item > a.mega-menu-link,
	#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item a.mega-menu-link {
    color: #fff !important; font-size: 15px !important; 
  }
  #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link { 
	padding-left: 10px !important; }
  #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover,	
  #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover  {
	background-color: #2182c5 !important; color:#fff !important; 
  }
  #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item { 
	padding-left: 0 !important; 
  }
  #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item > a:hover {
    background-color: #2182c5 !important;  color: #fff !important;
  }

}	



/* Home page */	
.home .slide img { margin: 0 auto; }
@media (max-width: 540px) { .home .home-slideshow { padding-bottom: 60px; } }

.home #products { font-size: 16px; }
.home #products img { margin-bottom: 15px; }
.home #products .pad { padding: 0 15px 30px 15px; }
.home #products h2 { font-size:1.5rem !important; margin-bottom: 1rem;   }
.home #products h2 a { text-decoration:underline;  }
.home #products ul { list-style-type:none; padding:0; margin:0; }
.home #products li { border-bottom: 0; padding: 5px 0;  }

section#assistance { padding: 4rem 0; background:#032664 url('/wp-content/uploads/2024/03/temp-bg.png') no-repeat; background-size:cover; background-position: top right; color:#fff;  }
section#assistance h2 { color:#fff; }


/* Testimonials page */	
.review-wrap { margin-bottom:30px; }
.review { background:#eaeaea; padding: 15px;  }	
.review-wrap .triangle { border-color: #eaeaea transparent transparent; margin-left: 60px; }
.review .name { font-style:italic; display:block; margin-top:10px;  }	
@media screen and (min-width:992px) { 
	.quote-box { margin: 0 0 0 15px;padding: 25px 25px; }
	.triangle { margin-left: 160px; }
}

/* Legacy landing page */	
li.legacy div.row(even) { background: #ececec; }

/* Resources page */
section#resources { margin: 15px 0; } 
#resources .row.landing > div { background:#004b96; color:#fff; padding-top:20px !important;margin-bottom:30px; }
#resources .row.landing > div h2 { color:#fff; }	
#resources .row.landing > div div.caption { font-style:normal; }	
@media (min-width: 768px) { 
	#resources .row.landing > div { margin-bottom:0; padding-bottom:60px; }
	#resources .row.landing > div a.btn { position:absolute; bottom: 25px; left: 10%; width:80%; }	
}
@media (max-width: 575.9px) { section#resources { margin: 15px 15px; }  }

/* Videos page */
#animations > div  { margin-bottom:30px; }	
#animations > div img  { margin:0 auto; }	
#animations .title { font-weight: 700; }
	
/* Rep Locator */	
#state, #country, #canada { font-size: 15px; padding: 8px; min-width:340px; }
.rep ul { list-style-type: none; } 	
.rep img { display:none; }	/* test hiding logos */
li.bolder { font-weight:700; font-size: 1.33rem !important; }
	
/* Sales Documents page */	
#documents .title { font-weight: 700; }		
#documents .meta { font-size: .9rem; }	
	
/* Manuals page & Literature page & FYI landing & Support Docs tab */		
.row.manuals, .row.literature, .row.fyi, .row.docs  { text-align:center; }
.row.manuals div.col-md-3, .row.literature div.col-md-3, .row.fyi div.col-md-2, .row.docs div.col-md-3  { margin-bottom:30px; }	
.manuals div.title, .literature div.title, .fyi div.title { margin-top:-20px; }	
.docs div.title { margin-top:-10px; }	
.manuals a, .literature a, .fyi a, .docs a { text-decoration:none; color:#000; }
.manuals a:hover div.title, .literature a:hover div.title, .fyi a:hover div.title, .docs a:hover div.title { text-decoration:underline; font-weight:700; }	
.accordion .accordion-content div { padding: 0 }   /* overwrite from components */
.fyi div.title { font-size:16px; padding: 0 6px; line-height: 1.33; }		

/* FYI pages */	
@media (max-width: 991.9px) {  
	.pdf-download {  margin-top:30px; } 
	.pdf-download div { font-weight:700; } 
	.pdf-download img { margin: 0 auto;   } 
}  
.fyi-content ul { padding: 0; }
.fyi-content li, .fyi-content p { list-style:none; margin: 10px 0 5px 0; }
.fyi-content ol li { list-style:decimal; }
.fyi-content img { margin: 1rem auto; }
.fyi-content .header { font-size: 1.25em; font-weight: bold; margin: 20px auto 0 auto; padding: 0; }
.fyi-content .bold { font-weight: bold; }
.fyi-content .caption { font-size: 12px; }
.fyi-content .bullet { list-style: disc; margin-left: 50px; }	
.fyi-content .centered { text-align: center; }
.fyi-content .indent { margin-left: 50px; }
.fyi-content .fyi-cta { font-weight: bold; margin: 30px 0 0 0;  }


/* Landing page template */	
.row.landing > div.col-md-4, .row.landing > div.col-md-3, .row.landing > div.col-md-2 {
    padding-top: 15px;
    padding-bottom: 15px; 
    /*display: flex; */
	display: inline;
}
@media (min-width: 768px) {
	.row.landing > div.col-md-4 { max-width: calc(33% - 25px); }
	.row.landing > div.col-md-3 { max-width: calc(25% - 25px); }
	.row.landing > div { border: 1px solid #2182C5; margin: 10px; 	}
}
@media (min-width: 992px) { .row.landing > div.col-lg-3 { max-width: calc(25% - 25px); } }
	

/* woocommerce product pages */	
.single-product h1 { font-weight:400;  }	
@media (max-width: 992px) { h1.product_title { display: none; }  }	
@media (min-width: 992px) { h1.mobile.entry-title { display:none; } } 

.woocommerce div.product { display:table; }	 /* wraps image and product summary - need to make sure Tabs appear below */
	
@media screen and (min-width:1140px) { 	
	.woocommerce #content div.product div.images, .woocommerce div.product div.images, 
	.woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { float: left; width: 32%; 	}	
	.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, 
	.woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { float: right;width: 64%; clear: none; }		
}		

#highlights { color: #2182c5; margin:30px 0;}
#highlights span { display:block;font-size:2.5rem;color: #032664; }

@media screen and (max-width:767.9px) { #tab_specs .notes { margin-top:30px; }   }	
	
section#section-pricing { display: none; padding: 15px; background-color: #f3f3f3;  border: 1px solid #000000; margin: 0 0 30px 0  }	
section#section-pricing .section-heading { text-align:right; }
.section-close, .section-print { cursor:pointer; display:inline-block; margin: 0 10px;  }
.section-close:hover, .section-print:hover { text-decoration:underline;  }	
/* section#XXXXXXXXXsection-pricing { display: none; position: absolute; top: 50px; left: 25%; width: 50%; padding: 15px; background-color: #f3f3f3;  border: 1px solid #000000;  box-shadow: 0px 0px 5px #000000; z-index: 100; }		*/

section#section-pricing form button { background: linear-gradient(#ffe76c, #ffe55d, #ffe34e); color: #032664 !important; }	 
#showPricingBtn.form-open,
#requestPricingBtn.form-open { opacity:.35 }	

/* woocommerce category pages */	
.cat-content .pad { padding: 0 30px 60px 30px; }	
.cat-content .pad a { display:block; font-weight:700; font-size:1.25rem;  }
.cat-content .pad img { margin: 0 auto; }	
	
#parttable { font-size: 16px; width:100%; }
#parttable th { background-color: #032664; color: #fff; border: 2px solid #032664; }	
#parttable th, #parttable td { vertical-align:top; }
#parttable .parthead.partnumber { border-left: 2px solid #032664; }	
#parttable th.parthead { font-size: 18px; }	
#parttable th.parthead span.units { font-size: 13px; font-weight:400;  }	/* units */

.wcpt-table th.wcpt-heading { background-color: #032664; color: #fff; border: 2px solid #032664; }	
table.wcpt-table tr:nth-child(even) { background: #ececec;  }	
table.wcpt-table td.wcpt-cell { border: 2px solid #d1deed; border-right-width: 2px !important;border-style: none solid none solid !important; padding: 8px !important;  }	
@media (min-width: 750px) { 
	table.wcpt-table th.wcpt-heading { text-align: center; } 
	table.wcpt-table tr th.wcpt-heading:first-child { text-align: left; } 
	table.wcpt-table td.wcpt-cell { text-align: center; } 
	table.wcpt-table tr td.wcpt-cell:first-child { text-align: left; } 	
}		
	
.wcpt-sorting-icons { color: rgba(255, 255, 255, 1); }	
.wcpt-sorting-icon.wcpt-active { color: #ffe76c; }	



/* CUSTOM ARROWS for logo carousel  */
.logo-carousel .slick-dots { bottom: -40px; }	
.logo-carousel .slick-dots li button:before { width:12px; height:12px; background: #666; border: 1px solid #666; }	
.logo-carousel .slick-dots li.slick-active button:before { background: #2182c5; border: 1px solid #2182c5; }	
.slick-next, .slick-prev { top: 18%; }
.slick-prev { left: -20px; }	
.slick-next:before, [dir=rtl] .slick-next:before {
	background:url('/wp-content/uploads/2024/10/arrow-right-blue.png') no-repeat;
	width:21px; height:37px; display:block; opacity: 1;
}	
.slick-prev:before, [dir=rtl] .slick-prev:before {
	background:url('/wp-content/uploads/2024/10/arrow-left-blue.png') no-repeat;
	width:21px; height:37px; display:block; opacity: 1;
}	
@media screen and (max-width:600px) { button.slick-arrow { display:none !important; } }	


/* llm pages */
ul.faq { list-style-type: none; padding: 0; }
ul.faq li h3:before { content: "■"; display: inline-block; width: 20px; font-size: 16px; vertical-align: top; color: #aaa; }
ul.faq > li { border-bottom: 1px solid #ccc !important; margin: 0; padding: 1rem 0 0; }
	
h2.rule { margin-top: 30px;  padding-top: 30px;  border-top: 1px solid #000; }
h2.larger { font-size: 1.75rem !important; }
	

/* blog */
body.single-post article { padding-top:0; }	



#prefooter { margin: 3rem 0 0 0; }

#footer li { padding-bottom: 5px;  }
#footer a { text-transform:uppercase; }
#footer ul.menu { margin-bottom:0; }
@media screen and (min-width:768px) { #footer div.footer-nav { padding: 0 0 0 40px; } }
@media screen and (min-width:1400px) { #footer div.footer-nav { padding: 0 0 0 90px; } }

