/*@import url('/css/glProductDetail.css');
 @import url('/css/glMenus.css');
 @import url('/css/glVideos.min.css');
 @import url('/css/glPPE.css');
 @import url('/css/glPriceBlock.css'); */

* {
  margin: 0;
  padding: 0;
  /* color: #000000; */
  /* background-color: #FFFFFF; */
  scroll-behavior: smooth;
}

hr {
  height: 1px;
  background-color: #808080;
}

aside {
  width: 40%;
  margin: 10px 0 10px 10px;
  float: right;
  border: 1px solid #808080;
  padding: 10px;
}

@media only screen and (max-width: 700px) {
  aside {
    width: calc(100% - 22px);
  }
}

#branding {
  background-image: linear-gradient(to right, #FFFFFF, #FFFFFF, #C0C0C0);
}

#branding img {
  min-height: 40px;
  min-width: 250px;
}

.divImageMultiImage,
img {
  border-radius: 5px;
}

/*.wp-dark-mode-ignore, */
.container img,
.colophon img,
.divHomeBlockHomePage {
  background-color: #FFFFFF !important;
}

.moon-light,
.sun-light {
  background-color: #808080 !important;
}

.divInfo {
  padding: 4px;
  border: 1px solid #d0d0d0;
  margin-top: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}

.divNavBlocks {
  max-width: 500px;
}

/* <editor-fold defaultstate="collapsed" desc="Heading Tags"> */

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin: 1px;
  color: #162F66;
}

.wp-dark-mode-active h1,
.wp-dark-mode-active h2,
.wp-dark-mode-active h3,
.wp-dark-mode-active h4,
.wp-dark-mode-active h5,
.wp-dark-mode-active h6 {
  color: #71AAD7;
}

.wp-dark-mode-inactive h1,
.wp-dark-mode-inactive h2,
.wp-dark-mode-inactive h3,
.wp-dark-mode-inactive h4,
.wp-dark-mode-inactive h5,
.wp-dark-mode-inactive h6 {
  color: #162F66;
}

h1 {
  font-size: 1.8em;
  margin-bottom: 0.6em;
  font-family: Arial, sans-serif;
}

h2 {
  font-size: 1.5em;
  margin-bottom: 0.4em;
  font-family: Arial, sans-serif;
}

h3 {
  font-size: 1.0em;
  margin-bottom: 0.2em
}

.h3SubHeading {
  font-size: 1.0em;
  background-color: #414161;
  color: #FFFFFF;
  padding: 6px;
  border-radius: 4px;
}

h4 {
  font-size: 1.0em;
}

h5 {
  font-size: 1.0em;
  margin-top: 1.0em;
  margin-bottom: 1.0em;
}

h6 {
  font-size: 0.9em;
  margin-top: 0.8em;
  margin-bottom: 0.6em;
}

h3, h4, h5 {
  padding: 4px 4px 4px 0;
}

.entry-content {
  padding: 0;
}

/* </editor-fold> */
/* <editor-fold defaultstate="collapsed" desc="Image Alignment"> */

.divAlignRight,
.divImageRight {
  overflow: hidden;
  float: right;
}

.divAlignCenter,
.divImageCenter {
  overflow: hidden;
  text-align: center;
}

.imageBorder {
  border: 1px solid #E0E0E0;
  padding: 1px;
}

.divProductImageLeft {
  overflow: hidden;
  float: left;
  padding-right: 5px;
  border: 1px solid #D0D0D0;
}

.divProductImageRight {
  overflow: hidden;
  float: right;
  padding-left: 5px;
  border: 1px solid #D0D0D0;
}

.divProductImageCenter {
  background-color: #FFFFFF;
  overflow: hidden;
  text-align: center;
  padding-left: 8px;
  padding-right: 8px;
  border: 1px solid #D0D0D0;
}

.divProductImage {
  background-color: #FFFFFF;
  float: right;
  overflow: hidden;
  padding-left: 10px;
  max-width: 460px;
}

.divProductLeft {
  background-color: #FFFFFF;
  float: left;
  overflow: hidden;
  padding-right: 10px;
  max-width: 460px;
}

.divAlignRight,
.divImageRight {
  overflow: hidden;
  float: right;
  margin-right: 0;
  margin-left: 10px;
  max-width: 40%;
}

.divAlignLeft,
.divImageLeft {
  overflow: hidden;
  float: left;
  margin-right: 10px;
  max-width: 40%;
}

.archive-title {
  font-size: 1.2em;
  visibility: hidden;
}

/* </editor-fold> */
/* <editor-fold defaultstate="collapsed" desc="Summary & Details"> */

summary {
  display: list-item;
  cursor: zoom-in;
  margin-left: 3px;
}

details[open] summary {
  cursor: zoom-out;
}

details[open] summary ~ * {
  animation: sweep 1s ease-in-out;
}

@keyframes sweep {
  0% {
    opacity: 0;
    margin-left: -10px
  }
  100% {
    opacity: 1;
    margin-left: 0
  }
}

summary::-moz-list-bullet {
  overflow: hidden;
  display: block;
  color: #b54431;
  font-size: 12pt;
  margin-top: 5px;
  margin-right: 2px;
}

summary::-webkit-details-marker {
  color: #b54431;
  font-size: 12pt;
  margin-top: 2px;
  margin-right: 2px;
}

summary:focus {
  outline-style: none;
}

summary h2,
summary h3,
summary h5,
summary h6 {
  float: right;
  width: calc(100% - 40px);
  text-align: left;
  margin: 2px;
}

/* details summary::details-marker, */
details summary::-webkit-details-marker {
  background: url(../images/toggle-small-expand.png) center no-repeat;
  color: transparent;
  float: left;
  margin-top: 6px;
}

/* details[open] summary::details-marker, */
details[open] summary::-webkit-details-marker {
  background: url(../images/toggle-small.png) center no-repeat;
  color: transparent;
  float: left;
  margin-top: 6px;
}

details {
  margin-top: 4px;
}

/* </editor-fold> */
/* <editor-fold defaultstate="collapsed" desc="Order Item"> */

.divOrderItem {
  clear: left;
  width: calc(100% - 27px);
  max-width: 500px;
  margin: 10px;
  background-color: #f5f5f5;
  border: #D0D0D0 1px solid;
  color: #505461;
  overflow: hidden;
  padding: 2px 2px 0 2px;
}

.divPriceItem {
  clear: left;
  width: calc(100% - 27px);
  max-width: 500px;
  margin: 10px;
  border: #D0D0D0 1px solid;
  color: #505461;
  overflow: hidden;
  padding: 2px 2px 0 2px;
  border-radius: 5px;
}


.divOrderItemSelectorThumb {
  width: 60px;
  height: 60px;
  margin: 3px;
  background-color: #FFF;
  float: left;
  overflow: hidden;
  border: 1px #D0D0D0 solid;
}

.divOrderItemSelectorThumb img {
  background-color: #FFFFFF !important;
}

.divOrderItemName-old {
  margin: 4px 3px 3px 3px;
  font-size: 11pt;
  line-height: 112.5%;
  overflow: hidden;
  float: left;
  /* height: 40px; */
}

.divOrderItemName {
  margin: 4px 3px 3px 3px;
  font-size: 11pt;
  line-height: 112.5%;
  overflow: hidden;
  float: left;
}

.divOrderItemNameNarrow {
  width: calc(100% - 74px);
}

.divOrderItemNameWide {
  width: 100%;
}

.divOrderItemSku {
  font-size: 11pt;
  float: left;
  overflow: hidden;
  margin-left: 3px;
}

.divOrderItemPrice {
  font-size: 11pt;
  color: #162F66;
  float: right;
  overflow: hidden;
  text-align: right;
  margin-right: 3px;
}

/* </editor-fold> */
/* <editor-fold defaultstate="collapsed" desc="Table Specifications"> */

.tableSpecifications {
  width: calc(100% - 10px);
  border: #E0E0E0 1px solid;
}

/*.tableSpecifications th {
  font-weight: bold;
}*/
.tableSpecificationsHeading {
  background-color: #162F66;
  color: #FFF;
  text-align: center;
}

.tableSpecifications td,
.tableSpecifications th {
  border-right: 1px solid #E0E0E0;
  border-left: 1px solid #E0E0E0;
  min-height: 20px;
  vertical-align: middle;
  text-align: center;
}

.tableSpecifications th:first-child {
  text-align: center;
}

.tableSpecifications tr:nth-child(odd) {
  background-color: #f5f5f5;
}

.tableSpecifications tr:nth-child(even) {
  background-color: #FFFFFF;
}

#tableIEPE td {
  text-align: left;
}

#tableIEPE td:first-child {
  font-weight: bold;
}

/* </editor-fold> */
/* <editor-fold defaultstate="collapsed" desc="Home Page Home Block"> */

.divGridContainer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  /* margin: 10px 20px; */
}

.divGridItem {
  border: 1px solid #D0D0D0;
  padding: 10px;
  font-size: 1em;
  text-align: left;
  border-radius: 10px;
}
@media (max-width: 768px) {
  .divGridContainer {
    grid-template-columns: repeat(1, 1fr);
  }
}


.divHomeBlocks {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto 19px auto;
  overflow: hidden;
  clear: both;
}

.divHomeBlockHomePage {
  float: left;
  border: 1px solid #AAA;
  padding: 2px;
  margin: 5px;
  overflow: hidden;
  width: calc(33% - 14px);
  transition: width 1s;
  position: relative;
}

.divHomeBlock {
  float: left;
  border: 1px solid #AAA;
  padding: 2px;
  margin: 5px;
  overflow: hidden;
  width: calc(33% - 14px);
  transition: width 1s;
  position: relative;
}

.divHomeBlock img {
  width: 100%;
  transition: opacity 1s;
}

.divHomeBlock:hover img {
  opacity: 15%;
}

.divHomeBlockOverlay {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  transition: opacity 1s;
}

.divBlockOverlay div {
  background: transparent;
}

.divHomeBlock:hover .divHomeBlockOverlay {
  opacity: 1;
}

.divHomeBlockText {
  padding: 2px;
  background-color: #F1F1F1;
  overflow: hidden;
  text-align: center;
}

.divHomeBlockText h4 {
  background-color: #F1F1F1;
  color: #505461;
  padding: 8px 0 0;
  margin: 0;
  font-weight: bold;
}

@media screen and (min-width: 901px) {
  .divHomeBlockText a,
  .divHomeBlockText p,
  .divHomeBlockText {
    font-size: 10pt;
  }

  .divHomeBlocks {
  }
}

@media screen and (min-width: 701px) and (max-width: 900px) {
  .divHomeBlockText a,
  .divHomeBlockText p,
  .divHomeBlockText {
    font-size: 1.4vw;
  }

  .divHomeBlocks {
  }
}

@media screen and (max-width: 700px) {
  .divHomeBlock,
  .divHomeBlockHomePage {
    width: calc(100% - 17px);
    margin: 5px;
  }

  .divHomeBlockText a,
  .divHomeBlockText p,
  .divHomeBlockText {
    font-size: 3vw;
  }

  .divHomeBlocks {
  }
}

/* <editor-fold defaultstate="collapsed" desc="Pico Block"> */

.divPicoBlockWide {
  max-width: 1000px;
  float: left;
  padding: 2px;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  margin-top: 10px;
}

.divPicoBlockTextWide {
  background-color: #3D3F4A;
  color: #FFFFFF;
  padding: 8px;
  text-align: center;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.divPicoBlock {
  width: 220px;
  height: 260px;
  float: left;
  padding: 2px;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  margin: 5px;
}

.divPicoBlockGroup {
  text-align: center;
  max-width: 100%;
  clear: both;
}

.divPicoBlockML10 {
  display: inline-block;
  width: 220px;
  min-height: 260px;
  /* float: left; */
  padding: 2px;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  margin: 5px;
  position: relative;
}

.divPicoBlockML10 img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(-50% - 36px));
}

.divPicoBlockimgHt {
  overflow: hidden;
  min-height: 232px;
}

.divPicoBlockimgHt img {
  max-width: 200px;
  max-height: 200px;
}

.divPicoBlockimgHtFP img {
  max-width: 320px;
  max-height: 320px;
}

.divPicoBlock320 {
  width: 320px;
  float: left;
  padding: 2px;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  margin-right: 10px;
  margin-top: 10px;
}

.divPicoBlock320ML10 {
  width: 320px;
  float: left;
  padding: 2px;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  /*margin-left: 10px;*/
  margin-top: 10px;
}

.divPicoBlockText {
  background-color: #162F66;
  color: #FFFFFF;
  padding: 8px;
  text-align: center;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* </editor-fold> */
/*----------------------------------------------------------------------------*/

/* </editor-fold> */
.divPageBorder {
  border: 1px solid #e0e0e0;
  padding: 10px;
  margin-bottom: 12px;
  border-radius: 5px;
  box-shadow: 3px 3px 3px #e0e0e0;
}

/* <editor-fold defaultstate="collapsed" desc="Media - Wide"> */

@media screen and (min-width: 1110px) {
  body {
    font-size: 1em;
    font-family: 'Arial', sans-serif;
    line-height: 150%;
  }

  .divNavBlocks {
    max-width: 450px;
    float: right;
    clear: right;
  }

  /* Temporary! */
  .divPageWidth {
    width: 1100px;
    margin: 0 auto;
    overflow: hidden;
  }
}

/* </editor-fold> */
/* <editor-fold defaultstate="collapsed" desc="Media - Medium"> */
@media screen and (min-width: 768px) and (max-width: 1109px) {
  body {
    font-size: 1em;
    font-family: 'Arial', sans-serif;
    line-height: 150%;
  }

  .divNavBlocks {
    float: left;
    clear: left;
  }
}

/* </editor-fold> */
/* <editor-fold defaultstate="collapsed" desc="Media - Narrow"> */
@media screen and (max-width: 767px) {
  body {
    font-size: 0.9em;
    font-family: 'Helvetica', 'Arial', sans-serif;
    line-height: 120%;
  }
}

.divNavBlocks {
  max-width: 500px;
}

/* </editor-fold> */
/* <editor-fold defaultstate="collapsed" desc="Footer"> */
#divFooterContents {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  margin-top: 10px;
  font-size: 8pt;
  color: #FFF;
}

#divFooterContents a {
  font-size: 11pt;
}

#divFooterCompanyBlock {
  float: left;
  text-align: center;
  width: 33%;
  min-width: 150px;
  font-size: 11pt;
}

#divFooterCompanyBlockContents {
  margin-bottom: 0;
  margin-top: 10px;
  padding-bottom: 20px;
  font-size: 11pt;
}

#divFooterContactBlock {
  float: left;
  text-align: center;
  width: 33%;
  min-width: 150px;
  font-size: 11pt;
}

#divFooterContactBlockContents {
  margin-bottom: 0;
  margin-top: 10px;
  padding-bottom: 20px;
  font-size: 11pt;
}

#divFooterCommunityBlock {
  float: left;
  text-align: center;
  width: 33%;
  min-width: 150px;
  font-size: 11pt;
}

#divFooterCommunityBlockContent {
  margin-bottom: 0;
  margin-top: 10px;
  padding-bottom: 20px;
}

#divFooterConditions {
  clear: both;
  margin-bottom: 6px;
  font-size: 11pt;
}

#divFooterCopyright {
  clear: both;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  color: #fff;
  border-top: 1px solid #575E6E;
  padding-top: 10px;
  font-size: 11pt;
}

#divFooterWebmaster {
  clear: both;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  font-size: 11pt;
  text-align: center;
  margin-top: 15px;
}

#divFooterWebmaster a {
  color: #fff;
  font-size: 11pt;
}


/* </editor-fold> */

.aTest {
  color: pink;
!important display: block;
!important padding: 5 px;
!important float: right;
!important border: 1 px solid green;
!important
}

.aTest:hover {
  color: green;
!important

}

.wp-dark-mode-switcher {
  background-color: transparent !important;
  border-radius: 5px !important;
}

.wp-dark-mode-switcher > span,
.wp-dark-mode-switcher > span > span {
  background-color: transparent !important;
}

.divFlags {
  z-index: 999;
  position: absolute;
  right: -20px;
  top: 1px;
  text-align: right;
  transform: scale(0.7);
}

#header-search {
  z-index: 999;
  position: absolute;
  right: 5px;
  top: 5px;
  transform: scale(0.7);
}

.fluid-width-video-wrapper {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  overflow: hidden !important;
}
.fluid-width-video-wrapper iframe {
  position: static !important;
  width: 100% !important;
  height: auto !important;
}

.divYouTubeVideo {
  width: 100%;
  max-width: 1200px;
  box-shadow: none;
  padding-right: 10px;
  margin: 1rem auto 1rem auto;
}

.divYouTubeVideoInner {
  position: relative;
  padding-bottom: 56.15%;
  height: 0;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: none;
}