/*General stylization - all .html*/
html {
    overflow-x: hidden;
    overflow-y: auto;
}

body{
    background-color: ivory;
    color: black;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
}

p{text-indent: 30px;}

h1, h2{text-align: center;}

section{padding: 20px;}

header, footer{
    background-color: ivory;
    padding: 10px;
}

video{
    height: auto;
    width: 100%;
}

/*footer stylization - all .html */
#smContain{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#logoContain{margin: 0 !important;}

#iconContain{
    width: auto;
    height: auto;
}

#logoContain a{
    width: auto;
    height: auto;
}

#logoContain img{
    margin: 0 !important;
    padding-left: 10px;
    width: 15%;
}

#copyContain{text-align: center;}

/*navBar stylization - all .html*/
#navBar ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#navBar li{
    display: inline-block;
    margin-right: 20px;
}

#navBar a {
    background-color: ivory;
    color: black;
    text-decoration: none;
    padding: 10px;
    border-radius: 10px;
}

#navBar a:hover{
    background-color: lightslategray;
}


header img{width: 30%;}

/*button stylization - all .html*/
#topBtn{
    display: none;
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 3;
    border: none;
    background-color: lightslategray;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
    font-size: 18px;
}

#topBtn:hover{background-color: darkslategrey;}

/* Manual Stylizations - control-panel, wifi-operations,  zone-spot .html*/
.Intro, #standAloneMode, #dSpot, #gMult{border-style: solid hidden solid hidden;}

#cloudMode, #dWaterPtr, #zResetB{border-style: hidden;}

img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width:50%;
    height:auto;  
}

div:not(#smContain, #iconContain, #logoContain, #copyContain, #tocContain, .ToC){
    margin: auto;
    border-color: lightslategray;
    border-width: 15px;
    border-style: hidden hidden solid hidden;
    padding: 10px;
    text-align: left;
    font-size: 1.2rem;
    font-family: Helvetica, sans-serif;
}



/*fixing transparanet images wifi-operations.html */
#standAloneMode img, #valveMode img, #cloudMode img{background-color: white;}

/* mobile functionality */
@media (max-width: 800px){.ToC, #tocContain{display: none;}}