﻿body{
	/*background-color:#7b89a5;*/
	margin: 0 auto;
	font-family:verdana, arial, helvetica, sans-serif;
    text-align:center;
    font-size:1em;
    background-color: #558234;
}
a {
 text-decoration: none;
 color: #444;
}

img {
  max-width: 100%;
}

#headerText{
font-size:1.2em;
font-weight:bold;
color: #558234;
text-align:center;
margin: 0 0 .5em 0;
}

#headerTextMobi{
font-size:1.1em;
color: #fff;
text-align:center;
margin: 0 0 .5em 0;
}

/* {background-image: url("../../../../images/manufacturers/index/wood_texture.jpg");background-size: cover;width:100%!important;} */

#container{
margin:.8em auto;
/*width:65%;*/
/* background-image: url("/match_twitched/wood_texture.jpg");background-size: cover;width:100%!important;*/
/* background-color: #FFF; */
/* rounding the edges */
/* Twitch remove border  border-radius: 25px;
  border: 5px solid #9A9A9A;
  padding: 20px; */
}
#containerMobi{
margin:.5em auto;
/*width:65%;*/
/* background-image: url("/match_twitched/wood_texture.jpg");background-size: cover;width:100%!important;*/

}


#content{
background-color: #FFF;
padding:2em;
margin: 0 auto;
width: 65%;
/* rounding the edges */
  border-radius: 25px;
  border: 1em solid #A33D32; /* Twitch grey #9A9A9A */

  

/* flex is here */
/*display: flex; 
flex-wrap: wrap; 
align-items: center; 
justify-content: center; /* flex is the reason this works */
/*justify-content: space-evenly;/*add some space between each image link */ 
}
#contentMobi{
background-color: #fff;
padding: .5em 1.5em;
margin: 0 auto;
width: 85%;
}

#blockOne {margin: 0 auto;width:100%;}
#blockTwo{text-align:center;color: #090909;}

/* bof Twitch Header Logo Banner */

#PhoneNumberText {padding: .1em 0;font-size: 1.5em;font-weight:normal;color: #558234;}
#PhoneNumberText a {color: #000;}
#PhoneNumberText_Mobi {padding: .1em 0;font-size: 1.5em;font-weight:normal;color: #558234;}
#PhoneNumberText_Mobi a {color: #000;}

#idxMessage_Text{padding: 0 0 1em 0;font-size: 1.1em;font-weight: normal;color: #6A6A6A;}
#idxMessage_Text_Mobi{padding: 0 0 .5em 0;font-size: 1em;font-weight: normal;color: #6A6A6A;}

/* bof Index Navigation Bar - Root Index CSS */
#indexNavBar, #indexNavBar1, #indexNavBar2 {line-height: 2em;margin: 0 auto;} /* 1, 2 added for multi store sites */
.indexNavLinks {background: #558234;font-size:1em;color: #fff;text-align: center;display: inline-block;margin: .5em auto;white-space: nowrap;}
.indexNavLinks a {background:#558234;color: #fff;text-decoration: none;display: block;padding: .5em 2em;}
.indexNavLinks a:link{background:#558234;color: #fff;}
.indexNavLinks a:visited {background:#558234;color: #fff;}
.indexNavLinks a:hover {font-weight: bold;background:#558234;color: #FFF;}

#indexNavBar_Mobi, #indexNavBar1_Mobi, #indexNavBar2_Mobi {line-height: 2em;margin: 0 auto;} /* 1, 2 added for multi store sites */
.indexNavLinks_Mobi {background: #558234;font-size:.8em;color: #fff;text-align: center;display: block;margin: .5em auto;white-space: nowrap;}
.indexNavLinks_Mobi a {background:#558234;color: #fff;text-decoration: none;display: block;padding: .5em 2em;}
.indexNavLinks_Mobi a:link{background:#558234;color: #fff;}
.indexNavLinks_Mobi a:visited {background:#558234;color: #fff;}
.indexNavLinks_Mobi a:hover {font-weight: bold;background:#558234;color: #FFF;}
/* eof Index Navigation Bar - Root Index CSS */

/* bof Twitch Header Logo Banner */

#blockThree {
text-align:center;
/* color: #E2DEDB; */ /*Grey out the text */
color: #9CC43D;
}

#footer {
font-size: 1em;
color:#444;
text-align:center;
}

#gnome {color: #558234;}
.index_subText {font-size: .9em; color: #4D4D4D;}
.index_subTextMobi {font-size: .9em;}

.greenBar {width: 100%; display: inline-block; background: #A69B89; line-height: .5em;}

.deviceDetectorText {display:none; /*font-size: 0.5em; color: #A69B89; */}

#Copyright {font-size: .8em;}
#phone a {color: #fff;}
#COVID19_message {padding: 0 1em 1em; border: thick solid #333; background: #E0A14F; width: 0 auto; height: auto;}
