:root {
	--md-primary-fg-color:        #1D428A;
	--md-primary-fg-color--light: #1D428A;
	--md-primary-fg-color--dark:  #1D428A;
      }
/*.md-footer {
*/
/*	  background-color: #1D428A;
*/
/*	  border: none;  
*/
/*	  
*/
/*      }
*/
/*      
*/
/*.md-footer-meta__inner.md-grid {
*/
/*	  background-color: #1D428A;
*/
/*}
*/
/*.md-footer-meta.md-typeset {
*/
/*	  background-color: #1D428A;
*/
/*}
*/
/*.md-copyright {
*/
/*	  background-color: #1D428A;
*/
/*}
*/


# LIGHT/DARK MODE

[data-md-color-primary=indigo] {
    --md-primary-fg-color: #00000000;
    --md-primary-fg-color--light: #5d6cc0;
    --md-primary-fg-color--dark: #303fa1;
    --md-primary-bg-color: #fff;
    --md-primary-bg-color--light: #ffffffb3
}



[data-md-color-scheme=default] {
    --md-primary-fg-color: #1D428A;
    --md-primary-fg-color--light: #5d6cc0;
    --md-primary-fg-color--dark: #303fa1;
    --md-primary-bg-color: #fff;
    --md-primary-bg-color--light: #ffffffb3;
    --md-footer-fg-color--light: #ffffffb3;
    --md-footer-bg-color: #215ed3;
    --h3-bg-color: #000000;
    --h3-underline-color: #1D428A;
    --wav-button-bg-color: linear-gradient(0deg, #d8ecf8 0, #98c0ef 100%);
    --wav-tit-h2-bg1: #1D428A;
    --wav-tit-h2-bg2: #1D428A;
    --wav-tit-h2-color: #1D428A;
    --wav-tit-child-bg: radial-gradient( 2em 2em at 50% 50%,transparent calc(var(--p) - 2em),transparent calc(var(--p) - 1em),#fff calc(var(--p) - 1em), #fff calc(var(--p) - 0.4em), transparent calc(var(--p) - 0.4em), transparent var(--p));
    --wavdocs-p-bg: #1D428A;
    --wavdocs-p-color: #1D428A;
    --wavdocs-button-bg: linear-gradient(0deg, #1D428A 0, #1D428A 100%);
    --wavdocs-button-bg-color: #ffffff;
    --wavdocs-color-white: #1d428a;
    --animation-duration: 0s;
    --wavdocs-button-color: #ffffff;
    --wavdocs-button-in-bg-hover: linear-gradient(320deg, rgb(3, 77, 146), rgb(0, 60, 255));
    --animation-button-duration: 0s;
    --wavdocs-button-bg-hover: linear-gradient(320deg, rgb(3, 77, 146), rgb(0, 60, 255));
    --wavdocs-button-tip-color: #ffffff;
    --wavdocs-button-tip-bg-hover: linear-gradient(320deg, rgb(3, 77, 146), rgb(0, 60, 255));
    --wavodcs-tip-border: linear-gradient(320deg, rgb(3, 77, 146), rgb(0, 60, 255));
    --wavdocs-button-menu: #1d428a80;
    --wavdocs-re-text-color: #1D428A;
    --wavdocs-box-a-color: #CCD9E2;
    --md-typeset-a-color: #1D428A;
    --wavdocs-em-underline-color: #1D428A;
    --wavdocs-underline-hover-color: indigo;
    --wavdocs-box-color: #1D428A;
    --wavdocs-box-border-color: #1D428A;
    --wavdocs-box-hover-color: rgba(63, 43, 247, 0.4);
    --wavdocs-product-color: #1d428a;
    --wavdocs-p-color: #1d428a;
    --wavdocs-firmware-card-color: #fff;
    --wavdocs-firmware-p-color: #1d428a;
}

[data-md-color-scheme=slate] {
    --md-primary-fg-color: #121212;
    --md-primary-fg-color--light: #5d6cc0;
    --md-primary-fg-color--dark: #303fa1;
    --md-primary-bg-color: #fff;
    --md-primary-bg-color--light: #ffffffb3;
    --md-footer-fg-color: #00ceff;
    --md-footer-bg-color: #215ed3;
    --md-footer-bg-color--dark: #121212;
    --md-default-bg-color: #121212;
    --h3-bg-color: linear-gradient(0deg, #d8ecf8 0, #c4dcf7 98%);
    --h3-underline-color: #85aedf;
    --wav-button-bg-color: linear-gradient(0deg, #d8ecf8 0, #98c0ef 100%);
    --wav-tit-h2-bg1: #bad1f1;
    --wav-tit-h2-bg2: rgb(121, 174, 248);
    --wav-tit-h2-color: rgb(124, 176, 248);
    --wav-tit-child-bg: radial-gradient( 2em 2em at 50% 50%,transparent calc(var(--p) - 2em),transparent calc(var(--p) - 1em),#fff calc(var(--p) - 1em), #fff calc(var(--p) - 0.4em), transparent calc(var(--p) - 0.4em), transparent var(--p));
    --wavdocs-p-bg: linear-gradient(0deg, #d8ecf8 0, #98c0ef 100%);
    --wavdocs-p-color: #d8ecf8;
    --wavdocs-button-bg: linear-gradient(0deg, #d8ecf8 0, #98c0ef 100%);
    --wavdocs-button-bg-color: #121212;
    --wavdocs-color-white: #ffffffde;
    --animation-duration: 10s;
    --wavdocs-button-color: #ffffffde;
    --wavdocs-button-in-bg-hover: #121212;
    --animation-button-duration: 0.2s;
    --wavdocs-button-bg-hover: linear-gradient(320deg, #c3ffde, #8df3ca);
    --wavdocs-button-tip-color: #ffffffde;
    --wavdocs-button-tip-bg-hover: #121212;
    --wavodcs-tip-border: #a6ffca;
    --wavdocs-button-menu: #bad1f180;
    --wavdocs-re-text-color: #cbddffde;
    --wavdocs-box-a-color: #ceebffeb;
    --md-typeset-a-color: #b4b7bf !important;
    --wavdocs-em-underline-color: #85aedf;
    --wavdocs-underline-hover-color: indigo;
    --wavdocs-box-color: #e3e7edde;
    --wavdocs-box-border-color: #eaedf3b5;
    --wavdocs-box-hover-color: rgba(97, 228, 245, 0.4);
    --wavdocs-product-color: #121212;
    --wavdocs-p-color: #b2b5bb;
    --wavdocs-firmware-card-color: #282828;
    --wavdocs-firmware-p-color: #fdfeffd6;
}



.product-row {
	  font-family: 'Lato', sans-serif;
	  font-size: 14px !important;
	  display: block;
	  margin: 0px;
	}
.product-row-box {
  float: left;
  width: 100%;
  margin-bottom: 25px;
  display: grid;
  grid-template-columns: 24% 24% 24% 24% ;
}
.product-card {
	float: left;
	width: 95%;
	margin-right: 2%;
	margin-bottom: 5%;
	background-color: #FFFFFF;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 3px;
	border-style: solid;
	border-color: #ffffff;
	text-align: center;
}

.product-card img{
	width: 70%;
	
color: var(--wavdocs-product-color);
  }
div.product-model{
    font-weight: bold;
    color: var(--wavdocs-product-color);
}

.product-card:hover {
  border-color: #b6bde3 !important;
}
@media only screen and (max-width: 30em) {
  .product-row-box {
    grid-template-columns: 50% 50%;
  }
}
img.boxshadow {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
	
.left-align {
  float: left;
}

.right-align {
  float: right;
}
.container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

:root > * {
  --md-code-hl-string-color: #1D428A;
}


.md-typeset .grid {
    grid-gap: .4rem;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(min(100%,16rem),1fr));
    margin: 1em 0
}

.md-typeset .grid.cards>ol,.md-typeset .grid.cards>ul {
    display: contents
}

.md-typeset .grid.cards>ol>li,.md-typeset .grid.cards>ul>li,.md-typeset .grid>.card {
    border: .05rem solid var(--md-default-fg-color--lightest);
    border-radius: .1rem;
    display: block;
    margin: 0;
    padding: .8rem;
    transition: border .25s,box-shadow .25s
}

.md-typeset .grid.cards>ol>li:focus-within,.md-typeset .grid.cards>ol>li:hover,.md-typeset .grid.cards>ul>li:focus-within,.md-typeset .grid.cards>ul>li:hover,.md-typeset .grid>.card:focus-within,.md-typeset .grid>.card:hover {
    border-color: #0000;
    box-shadow: var(--md-shadow-z2)
}

.md-typeset .grid.cards>ol>li>hr,.md-typeset .grid.cards>ul>li>hr,.md-typeset .grid>.card>hr {
    margin-bottom: 1em;
    margin-top: 1em
}

.md-typeset .grid.cards>ol>li>:first-child,.md-typeset .grid.cards>ul>li>:first-child,.md-typeset .grid>.card>:first-child {
    margin-top: 0
}

.md-typeset .grid.cards>ol>li>:last-child,.md-typeset .grid.cards>ul>li>:last-child,.md-typeset .grid>.card>:last-child {
    margin-bottom: 0
}

.md-typeset .grid>*,.md-typeset .grid>.admonition,.md-typeset .grid>.highlight>*,.md-typeset .grid>.highlighttable,.md-typeset .grid>.md-typeset details,.md-typeset .grid>details,.md-typeset .grid>pre {
    margin-bottom: 0;
    margin-top: 0
}

.md-typeset .grid>.highlight>pre:only-child,.md-typeset .grid>.highlight>pre>code,.md-typeset .grid>.highlighttable,.md-typeset .grid>.highlighttable>tbody,.md-typeset .grid>.highlighttable>tbody>tr,.md-typeset .grid>.highlighttable>tbody>tr>.code,.md-typeset .grid>.highlighttable>tbody>tr>.code>.highlight,.md-typeset .grid>.highlighttable>tbody>tr>.code>.highlight>pre,.md-typeset .grid>.highlighttable>tbody>tr>.code>.highlight>pre>code {
    height: 100%
}

.md-typeset .grid>.tabbed-set {
    margin-bottom: 0;
    margin-top: 0
}

.table-center {
  margin: 0 auto;
  text-align: center;
}

.custom-button {
    display: inline-block;
    color: #1D428A;
    border: 2px solid #1D428A;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
	font-weight: bold;
    cursor: pointer;
    border-radius: 0px;
    transition-duration: 0.4s;
}

.custom-button:focus,.custom-button:hover {
    background-color: #6b5ff9;
	border-color: #6b5ff9;
    color: #fff;
}




.md-typeset .md-button {
    background-color: #1D428A;
    border-width: 0;
    color: var(--md-primary-bg-color);
    margin-right: .5rem;
    margin-top: .5rem;
}
















.search-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
#search-input {
  padding: 10px;
  border: none;
  border-bottom: 2px solid #ccc;
  outline: none;
  font-size: 16px;
  width: 100%;
}

#search-button {
  padding: 10px 20px;
  background-color: #1D428A;
  color: #fff;
  border: none;
  border-radius: 0px;
  margin-left: 10px;
  cursor: pointer;
}

#search-button:hover {
  background-color: #6b5ff9;
}




/* 隐藏搜索框 */

/*.md-search__input {
*/
/*    display: none;
*/
/*}
*/
/*
*/
/*
*/
/*.md-search__inner {
*/
/*	display: none;
*/
/*}
*/
/*
*/
/* 取消 Logo 链接 */
/*
.md-header__button {
    pointer-events: none;
}
*/




.cistern:after {
    display: table;
    clear: both;
    content: ' '
}

.cistern {
    max-width: 73.95833333%;
    position: relative;
    margin: 0 auto
}

@media(max-width: 1600px) {
    .cistern {
        max-width:87.8477306%
    }
}

@media(max-width: 1200px) {
    .cistern {
        padding-right:15px;
        padding-left: 15px
    }
}

.cisterntb {
    padding-top: 70px;
    padding-bottom: 70px;
    position: relative
}

#wavcenter {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.shadow-box-wavlink {
    box-sizing: border-box;
    width: 100%;
    max-width: 755px;
    height: fit-content;
    background-color: var(--wavdocs-firmware-card-color);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
    padding: 20px;
    margin: 0 auto 20px;
    position: relative; 
}

@media screen and (max-width: 768px) {
    .shadow-box-wavlink {
        width: 90%;
        padding: 15px;
        box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
    }
}

@media screen and (max-width: 480px) {
    .shadow-box-wavlink {
        width: 95%;
        padding: 10px;
        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
        margin-left: 2.5%;
        margin-right: 2.5%;
    }
}

.my-img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 60px;
    height: auto;
    z-index: 1;
}

@media screen and (max-width: 768px) {
    .my-img {
        width: 50px;
    }
}

@media screen and (max-width: 480px) {
    .my-img {
        width: 40px;
    }
}