:root {
	--border-radius: 0;
	--border-radius2x: 0;
	--default: #777;
}
/* Skin Colors */
:root {
	--primary: #0279B1;
	--secondary: #F45B2E;
	--tertiary: #49B8E6;
	--quaternary: #1E1E1E;
	--dark: #1E1E1E;
	--light: #FFF;
	
	--tertiary-rgba-70: rgba(30, 30, 30, 0.7);
	--tertiary-rgba-80: rgba(30, 30, 30, 0.8);	
	
}

/* Skin Colors - Inverse */
:root {
	--primary-inverse: #FFF;
	--secondary-inverse: #FFF;
	--tertiary-inverse: #777;
	--quaternary-inverse: #FFF;
	--dark-inverse: #FFF;
	--light-inverse: #777;
}
/* Grey Colors */
:root {
	--grey: #969696;
	--grey-100: #f4f4f4;
	--grey-200: #eaeaea;
	--grey-300: #e5e5e5;
	--grey-400: #e0e0e0;
	--grey-500: #dbdbdb;
	--grey-600: #cecece;
	--grey-700: #c1c1c1;
	--grey-800: #a8a8a8;
	--grey-900: #8e8e8e;
	--grey-1000: #757575;
}

/* Skin Colors */
:root {
	--light--200: #9ac2d4;
}

html {font-size: 16px;}

h1 {
  text-transform: uppercase; 
  font-weight: 700;
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 42px;
}

h2 {
  font-weight: 600;
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 36px;
}

h3 {font-weight: 600; font-size: 32px;}
h4 {font-weight: 600; font-size: 28px; letter-spacing: 0;}
h5 {font-weight: 500; font-size: 20px;}
h6 {font-weight: 500; font-size: 16px;}

p {
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}	
	
.btn {
  border: none;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  border-radius: 12px;
 }

.btn-primary:hover, .btn-primary.hover {
	border-color: var(--secondary);
	color: var(--primary-inverse);
}

.btn-primary:hover:not(.bg-transparent), .btn-primary.hover:not(.bg-transparent) {
	background-color: var(--secondary);
}

body {
	font-family: "Work Sans", Arial, sans-serif;
	font-size: 16px;
	line-height: 26px;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}


.dropdown-mega-sub-nav li {
	line-height: 16px;	
}

/* HEADER */
.notice-top-bar .notice-top-bar-close {
    position: absolute;
    top: 7px;
    right: 7px;
}

#topBanner {
  position: relative;
  min-height: 0;
}

#topBanner .container,
#topBanner .row {
  margin-top: 0;
  margin-bottom: 0;
}

#topBanner .row {
  display: flex;
  align-items: center;
}

#topBanner .notice-top-bar-close {
  position: absolute !important;
  top: 50% !important;
  right: 14px !important;
  transform: translateY(-50%) !important;
  float: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin: 0 !important;
  z-index: 2;
}

#topBanner > .notice-top-bar-close {
	position: absolute !important;
}

#topBanner #bannerText {
  margin: 0;
  padding-right: 44px;
  line-height: 1.35;
}
#header .header-body {border-bottom: 1px solid #ededed;}
#header .header-nav {min-height: auto;}
#header .header-column {align-self: auto;}

#header .header-nav-features .header-nav-features-dropdown.show {
	right: calc(100% - 110px) !important;
    top: 10px;
}

.admin #header .header-nav-features .header-nav-features-dropdown.show {
	right: calc(100% - 180px) !important;
    top: 10px;
}

@media (max-width: 767px) {
	#header .header-column.header-column-border-left {border: 0px !important;}
}

/* SLIDER */
.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
	background-color: var(--tertiary);
}

.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"]:hover, .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"].hover {
	background-color: var(--secondary);
	border-color: var(--secondary--300) var(--secondary--300) var(--secondary);
}

.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"]:active, .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"].active {
	background-color: var(--secondary-300);
	background-image: none;
	border-color: var(--secondary-300) var(--secondary-300) var(--secondary-300);
}


/* ICONS */
.social-icons li:hover a.d-inline-block {background-color: var(--primary);}

/* CONTENT */
section.section {padding: default;}

/* PRODUCTS */
#laminate-row, #color2mm-row, #power-option-type-row {border-bottom: 1px solid #ddd; padding-bottom: 15px;}

.product-thumb-info-image img {width:260px; height:180px; object-fit:contain;}

/* FOOTER */
#footer .social-icons li {display: block;}

#footer a:not(.btn):link, #footer a:link {color: var(--primary);}
#footer a:hover, #footer a:active, #footer a:not(.btn):not(.no-footer-css):hover {color: var(--secondary);}
@media (max-width: 767px) {
    #footer .list-inline li {display: block;}
}


@media (min-width: 992px) {
	
    .custom-footer {
        position: fixed !important;
        bottom: 0;
        width: 100%;
    }
}

/* Part number badge (shared) */
.product-partnumber-badge {
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:4px 8px;
  background:#f5f5f5;
  border:1px solid #dcdcdc;
  border-radius:4px;
}
.product-partnumber-label {
  font-size:.65rem;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#6c757d;
}
.product-partnumber-value {
  font-family: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
  font-size:.9rem;
  font-weight:600;
  color:#1c1c1c;
  letter-spacing:.02em;
  user-select:all;
}
.product-partnumber-copy {
  color:#6c757d !important;
  text-decoration:none !important;
  font-size:.8rem;
  line-height:1;
}
.product-partnumber-copy:hover,
.product-partnumber-copy:focus {
  color:#1c1c1c !important;
}
.product-partnumber-copy.is-copied {
  color:#198754 !important;
}