1#@!#!123s

��JFIF�� 1#@!#!123s
: / home / mfms22 / public_html / software_guide / css /
Filename : style.css
back
* {
  box-sizing: border-box;
}

body {
  font-family: "Lato", sans-serif;
  background-color: #00509540;
}

.sticky-top{
 position: sticky;
 
}

/*top head
================================= */

.head{
	width: 100%;
	height: auto;
	/*background-image: linear-gradient(to right, rgb(60, 60, 60), rgb(180, 180, 180));*/
	/*background-color: #1b666afa;*/
	background-color: #f38630;
	padding-top: 20px;
	padding-left: 60px;
	color: #ffff;
}
.head h1{
	color: white;
}

.head a{
	color: #ffffff;
	text-decoration: none;
}



/*side bar
=============================== */
.sticky-top{
 position: sticky;
 
}
.sidenav{
  position: fixed;
  height: 100%;
  overflow: auto;
  padding-bottom: 100px;
}
.sidenav::-webkit-scrollbar {
  display: none;
}

.sidenav{
	width: 300px;
}

.sidenav li{
	position: relative;
    display: block;
}
.sidenav a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 18px;
  color: #000000;
  display: block;
}

.sidenav a:hover {
   border-left: 3px solid #228B22;
  color: #228B22;
  font-weight: 400;
}
.content-margin{
  margin-bottom: 100px;
}

/*sub menu
========================= */

.sidenav a .Drowp-menu{
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 20px;
  color: #818181;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;

}

span {
	padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 20px;
  color: #000000;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  display: block;
}
span:hover{
   border-left: 3px solid #228B22;
	color: #228B22;
	font-weight: 400;
}

.slide {
  clear:both;
  height:0px;
  overflow: hidden;
  transition: height .7s ease;
}

#touch {position: absolute; opacity: 0; height: 0px;}    
#touch:checked + .slide {height: 150px;}

#touch1 {position: absolute; opacity: 0; height: 0px;}    
#touch1:checked + .slide {height: 150px;}

#touch2 {position: absolute; opacity: 0; height: 0px;}    
#touch2:checked + .slide {height: 115px;}

#touch3 {position: absolute; opacity: 0; height: 0px;}    
#touch3:checked + .slide {height: 115px;}

#touch4 {position: absolute; opacity: 0; height: 0px;}    
#touch4:checked + .slide {height: 305px;}

#touch5 {position: absolute; opacity: 0; height: 0px;}    
#touch5:checked + .slide {height: 270px;}

#touch6 {position: absolute; opacity: 0; height: 0px;}    
#touch6:checked + .slide {height: 280px;}


/* Dropdown container (hidden by default)
============================================= */
.Drowp-menu {
  display: none;
  padding-left: 8px;
}

/*container
============================= */
.container{
	width: 1263px;
}

/*row
================= */
.row{
  margin-top: 15px;
	margin-right: 15px;
    margin-left: 15px;

}

/* Create three equal columns that floats next to each other */

.site-section{
				padding-left: 20px;

}



/*user-menu
======================== */
.head-top{
	padding-top: 20px;
}

.head-top a{
	text-decoration: none;
	font-size: 16px;
	
}

.site-section{
	line-height: 1.7;
}
.menu-text{
padding-left: 35px;

}

/*Imaige
==============*/
.Content-image img{
	width: auto;
	margin-bottom: 100px;

}