/* -----------------------------
      Template Colors

Winnix Red:        #cc0000
Winnix Dark Gray:  #3b3b3b
Winnix Light Gray: #8d8d8d

Light Gray:        #dedede
Dark Gray:         #bdbbbb
Shadow Dark gray:  #a8a8a8

Text Color:       #3b3b3b

----------------------------- */






/* -----------------------------
--------GLOBAL FORMATTING---------
----------------------------- */

body {
  background-color: #dedede;
}

a {

}

h1 {

}

i { 
  padding-left: 2px;
  padding-right: 15px;
}

p {
  display: block;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
}


h1 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
  font-size: 36pt;
  margin-block-start: 5px;
  margin-block-end: 5px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

/* -----------------------------
--------BUTTON FORMATTING---------
----------------------------- */

/*static*/
button {
  background: #dedede;
  color: #3b3b3b;
  border-top: 2px solid #ccc;
  border-radius: 3px;
  border-right-width: 0px;
  border-bottom-width: 0px;;
  border-left-width: 0px; 
  padding: 10px 20px;
  cursor: pointer;
}


/*hover over*/
button:hover {
  background: #bdbbbb;
  Color: #fff;
  border: 1px solid #ccc;
  padding: 10px 20px;
  border-radius: 3px;
  cursor: pointer;
  -webkit-box-shadow: inset 0px 1px 2px 1px #a8a8a8;
     -moz-box-shadow: inset 0px 1px 2px 1px #a8a8a8;
          box-shadow: inset 0px 1px 2px 1px #a8a8a8;
}

/*click*/
button:active {
  background: #cc0000;
  Color: #fff;
  -webkit-box-shadow: inset 0px 0px 5px #c1c1c1;
     -moz-box-shadow: inset 0px 0px 5px #c1c1c1;
          box-shadow: inset 0px 0px 5px #c1c1c1;
   outline: none;
}




/* -----------------------------
--------POSITIONING---------
----------------------------- */


/* Positioning - General - Center */
.contain {
  height: 20px;
  /* position: relative; */
}


/* Positioning - General - Center */
.center { 
  margin: 0;
  padding-top: 250px;
  position: absolute;
  top: 40%;
  left: 40%;
  -ms-transform: translate(-35%, -50%);
  transform: translate(-35%, -50%)
  /* width: 15%; */
}

/* Positioning - Specific - Logo img */
.logo-center { 
  width:200px; 
  height: auto;
}


/* Positioning - General - Section space vertical */
.sectionpad-vert {
  padding-top:10px;
  padding-bottom: 10px;
}


/* Positioning - General - Simple space vertical */
.spacepad-vert {
  padding-top: 5px;
  padding-bottom: 5px;
}



/* -----------------------------
--------TEXT FORMATTING---------
----------------------------- */

/* Logo Brand text formatting */
#tagbrand {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
  font-size: 26pt;
  color: #3b3b3b;
}

/* Logo tagline text formatting */
#tagline {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  font-size: 16pt;
  font-style: italic;
} 


/* Contact text formatting */
.contact {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size: 10pt;


}

/* Not Used */