/* @charset "utf-8";
/* CSS Document 
/* Suite 10 Designs
/* January 5, 2020 */

body{
	background-color: #444;
	margin: 0 auto;
	font-family:verdana, arial, helvetica, sans-serif;
    text-align:center;
    font-size:1em;
}
a {
 text-decoration: none;
 color: #444;
}
a:hover {color:#2164F1;}
img {
  max-width: 100%;
}

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

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

#container{
margin:.8em auto;
background-color: #FFF;
	width: 75%;
}
#containerMobi{
margin:.5em auto;
/*width:65%;*/
}


#content{
background-color: #fff;
padding:2em;
margin: 0 auto;
/* width: 45%; */
/* rounding the edges */
/*  border-radius: 25px;
  border: 3px solid #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: 70%;
}

#blockOne{
margin: 1em 0;
text-align:center;
color: #090909;
}

#blockTwo{
text-align:center;
color: #090909;
}

#buttons {}

#nav {display: flex; justify-content: space-evenly;}

ul#nav li {display: inline;}

ul#nav li a {font-weight: bold; color: #444;}

ul#nav li a:hover {color:#2164F1;} /* 2164F1 or orange */

/* bof Index Navigation Bar */
#indexNavBar {
line-height: 2em;
margin: 0 auto;
}
.indexNavLinks {
background: #666;
font-size:1em;

font-weight: bold;
text-align: center;
display: inline-block;
margin: .5em auto;
white-space: nowrap;
border-radius: 13px;	
}
.indexNavLinks a {
color: #fff;
text-decoration: none;
display: block;
padding: .5em 2em;
}
.indexNavLinks a:hover {
background:#FF9900;
color: #000;
border-radius: 13px;	
}
/* eof Index Navigation Bar */
.constructionText {
	color:#2164F1; /* blue */
	font-weight: bolder;
	padding: 0 1em;
	text-align: center;
}
/* Thick orange border */
hr.new {
  border: 2px solid orange;
}

#blockThree {
text-align:center;
color: #FF9900;
}

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

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

.greyBar {width: 100%; display: inline-block; background: #EBEBEB; line-height: 7em;}

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

#Copyright {font-size: .8em;}

/* Font Awesome Icons */

/* Trinity added May 2022 for s10d home adjustment */
i.fas.fa-home.fa-10x{ opacity: 0.7 !important;}
#navlogoIMG {margin: 0 5px; position: absolute; left: 225px;}
#navlogoIMGmobi {margin: 0 5px;}
.pin {position: absolute; /* Takes this element out the document flow */}
.pin1 {left: 225px; /* Move pin1 50px left */ }

.responsive {width: auto; display: flex; flex-direction: row; font-size: 16px; text-align: center; padding-bottom: 5px;}
.nav {flex: 20%;}
.responsiveMobi {width: auto; display: flex; flex-direction: row; font-size: 10px; text-align: center; padding-bottom: 5px;}
.navMobi {flex: 25%;}
/* eof add */

i.fas { background-color: #EBEBEB; padding: 15px; margin: 0 5px;}
i.fa-3x {margin-bottom: 15px; margin-left: 5px; margin-right: 5px !important;}
i.fas a:hover {color:orange; padding: 15px;}

#services {background-image: url("bg_strip.png");background-repeat: repeat-x; width: 100%; padding: .5em 0;font-weight: bold;}
#servicesMobi {}

/* Mailchimp Signup Form */
#mc_embed_signup{background:#ebebeb; clear:left;}


/* Responsive layout - makes a one column-layout instead of two-column layout */
@media (max-width: 800px) {
  .flex-container {
    flex-direction: column;
  }
}

/* Trinity added new April 19.2023 */
.webMain {
	background-color: #CA99D5 !important;
    width: 90%;
    margin: 0 auto;
    text-align: center;
}
.quickHeader {text-align: center;}
.quickTEXT {text-align: center; margin: 0 auto;}
.smButtonTEXT {color: #484848; padding: 1em; }

.ql_button_sm a {text-decoration: none; color: #888888; padding: .5em;}
.ql_button {
	text-align: center;
  	padding: .5em;
    display: flex;
    display: -webkit-flex; /* Safari 8 */
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap; /* Safari 8 */
    justify-content: center;
    -webkit-justify-content: center; /* Safari 8 */
    align-items: center; /* align vertical */
}

.ql_button_sm {
    text-align: center;
    font-size: .8em;
    display: flex;
    display: -webkit-flex; /* Safari 8 */
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap; /* Safari 8 */
    justify-content: center;
    -webkit-justify-content: center; /* Safari 8 */
    align-items: center; /* align vertical */
    padding: 1em;
}