/* Background/wholepage */
body{
    max-width: 80dvw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    min-width: 600px;
    background: #544d47 url(images/bg800bulbs.jpg) repeat-y;
    font-family: "Merriweather Sans", serif;
    
    
    
}





/* white background class */
.whitebg{

margin-left: auto;
margin-right: auto;
width: 90%;
margin-top: 2em;
background-color: white;
border-radius: 6px;
box-shadow: 0px 0px 6px;
padding-left: 2em;
padding-right: 2em;



}


/* first page logo */
.htgreenlogobg{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: auto;
}

/* headings */
h1{
margin-left: 0.2em;
margin-right: 0.2em;
padding: 0.4em;
text-align: center;
font-size: 3rem;
font-weight: 900;


}



h2{
    font-size: 2rem;
    text-wrap: wrap ;
    margin-bottom: 3em;
    font-weight: 300;
    
}

h3{
    font-size: 2rem;
    margin-top: 1em;
    

}

h3{
    font-size: 2rem;
    font-weight: 600;
    
    

}

h5{
    font-size: 1.7rem;
    margin-top: 1em;
    

}

/* paragraphs/lists */


p{  
    font-weight: 200;
    font-size: 1.3rem;



}

ul{
    font-weight: 200;


}


li{
margin-bottom: 0.5em;

}


/* Floats right */


.floatinggroups{
    float: left;
   width: 100%;

}



.floatingright{
float: right;
padding: 1em;
margin-bottom: 1em;




}


/* Float clear */


.floatingright:after {
    content: "";
    display: block;
    clear: both;
}

.floatinggroups:after {
    content: "";
    display: block;
    clear: both;
}


/* Back to top */
.backtotop{
    margin-top: 2em;
    text-align: center;
    text-decoration: none;
    margin-bottom: 2em;
   
    


}

.backtotop a{
    background-color: rgb(248, 248, 248);
    border-style: solid;
    border-radius: 6px;
    border-width: 1px;
    color: black;
    padding-left: 3em;
    padding-right: 3em;
    padding-top: .5em;
    padding-bottom: .5em;

}


/* orange background/column */

.orangebg{

    background: rgb(255,164,86);
    background: linear-gradient(90deg, rgba(255,164,86,1) 0%, rgba(255,136,50,1) 100%);
padding-top: 2em;
    margin-left: 3em;
    margin-right: 3em;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 2em;
    border-radius: 6px;



}
.orangebg h3{
    border-bottom: 1px dotted rgb(0, 0, 0);
    width: 100%;
    display: block;
    margin-bottom: 1em;

 
}

.orangebg h5{
    border-bottom: 1px dotted rgb(0, 0, 0);
    width: 100%;
    display: block;
    margin-bottom: 1em;

 
}


.column{

    column-count: 2;
    gap: 2em;
  

}

.column p {
    font-weight: 200;
    font-size: 1.3rem;

}

.column li {
    font-weight: 200;
    font-size: 1.3rem;

}

/* left floats */
/* floatleft clears */

.floatingleft{
    float: left;
    padding-right: 1em;
    margin-bottom: 1em;
    border-left: solid #7fffd4 1em;
   
}
.floatingleft:after {
    content: "";
    display: block;
    clear: left;

}




.testgroup{
padding-top: 1em;
padding-bottom: 1em;
float: left;
width: 100%;}

.testgroup:after {
    content: "";
    display: block;
    clear: both;

}






.alltests:after{
    content: "";
    display: block;
    clear: both;



}

/* footer/info */

.subfooter{
text-align: center;
margin-top: 3em;
margin-bottom: 3em;


}

.subfooter2{
    text-align: center;
    margin-top: 3em;
}


.subfooter2 a:not(:first-child){

    border-left: thick solid #000000;
    border-width: 2px;
    
    
  

}

.subfooter2 a {

    color: black;
    font-weight: 100;
    text-decoration: none;
    padding: 0.1em;
}
    
    
  



footer{
    margin-top: 2em;
}


/* Flex/nav */

header{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-right: 1em;
    
    
    }
    
    
    .logo{
    cursor: pointer;
    height: 100%;
    width: auto;
    
    
    }

    .leftsideheader {
        margin-right: auto;
        margin-top: auto;
        margin-bottom: auto;
    
    }

.navlink{
    list-style: none;
    text-align: right;
        
        
        }
        
        
.navlink li {
    display: inline-block; 
    padding-left: 0.5em;
    padding-right: 0.1em;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 1.2rem;
    font-weight: 700;
    
        
     }


     .leftsideheader h3 {
font-size: 1.3rem;
font-weight: 800;


     }

     .navlink a{
        text-decoration: none;
        color: #544d47;



     }


     .footerflex{
        margin-left: auto;
        margin-right: auto;
        display: flex;
        justify-content: center;
        font-family: sans-serif;
      
        
     }


     .footerflex h2{
        font-size: 1.2rem;
        font-weight: 700;
        margin-bottom: auto;
        border-bottom: #000000 solid;
        border-width: 1px;


     }

     .footerflex p{
        font-size: 0.8rem;
        font-weight: 100;

     }

     article{
        padding: 1em;
        width: 30%;
        text-align: center;
        
     }

.middlecard{ 
border-left: #000000 solid 1px;
border-right: #000000 solid 1px;


}
    

article ul a{
list-style: none;
color: #000000;
text-decoration: none;
list-style: none;

}

article ul {
    padding-top: 1em;
    list-style: none;
    
    }


article h2 {
    padding-bottom: 1em;
    

   }