/*!
Theme Name: Simplified
Theme URI: https://www.shallhelp.com
Author: Cris Waters
Author URI: https://www.shallhelp.com
Description: This is intended to be a very simple theme. Build on it and make it better. Enjoy! :-)
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: simplified
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Simplified is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

Simplified Theme by
Cris Waters #CW
https://www.agdtechnology.com/simplified/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 1px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1em;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

p {
	font-size: 16px;
	font-size: 1em;
	margin-bottom: 1em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	max-width: 100%;
}

abbr, acronym {
	border-bottom: 1px dotted #688;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #688;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover, a:focus, a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 1 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
		/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

img {
	max-width: 100%;
	height: auto;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
## CW Added
--------------------------------------------------------------*/


/* Full height image header Home Page */
.fullheightimg-1 {
    background-position: center;
    background-size: cover;
    background-image: url("https://www.shallhelp.com/wp-content/uploads/2019/01/UpInTheAir1.jpg");
    min-height: 100%;
}

/* Full height image header Home Page */
.fullheightimg-plan {
    background-position: center;
    background-size: cover;
    background-image: url("https://www.shallhelp.com/wp-content/uploads/2019/01/UpInTheAir1.jpg");
    min-height: 100%;
}

/* Full height image -Credits Page */
.fullheightimg-credits {background-position: center;background-size: cover;background-image: url("https://www.agdtechnology.com/sandbox/wp-content/uploads/2018/02/photo-1444090542259-0af8fa96557e.jpg");min-height: 100%;}

/* Create three equal columns that floats next to each other */
.column {
	float: left;
	width: 33.33%;
	padding-left:0.15em;
}
/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media (max-width:600px) {.column {width: 100%;}}

/* Create two equal columns that floats next to each other */
.column2 {
	float: left;
	width: 50%;
	padding-left:0.15em;
}

/* Clear floats after the columns */
.row:after {content: "";display: table;clear: both;}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media (max-width:1000px) {.column2 {width: 100%;}}

/* Fullwidth paragraph */
p.fullwidth {margin: 0px;}

/* Create four equal columns that floats next to each other */
.column4 {
	float: left;
	width: 24%;
	padding-left:0.15em;
}

/* Clear floats after the columns */
.row:after {
	content: "";display: table;clear: both;
}

/* Responsive layout - makes the four columns stack on top of each other instead of next to each other */

@media (max-width:600px) {.column4 {width: 100%;}}

/* Create 70 30 columns that floats next to each other */

.column70 {float: left;width: 70%;padding: 1px;}
.column30 {float: left;width: 30%;padding: 1px;}

/* Clear floats after the columns */
.row:after {
	content: "";display: table;clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */

@media (max-width:600px) {.column75 {width: 75%;}}

/* Clear floats after the columns */
.row:after {content: "";display: table;clear: both;}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */

@media (max-width:600px) {.column25 {width: 25%;}}


/* Create 50 25 25 columns that floats next to each other */

.column50 {
	float: left;width: 50%;padding: 1px;
}

.column25 {
	float: left;width: 25%;padding: 1px;
}

/* Clear floats after the columns */
.row:after {
	content: "";display: table;clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media (max-width:600px) {.column75 {width: 50%;}
}

/* Clear floats after the columns */
.row:after {content: "";display: table;clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */

@media (max-width:600px) {.column25 {width: 25%;}}



/* Fullwidth paragraph */

p.fullwidth {
    margin: 0px;
}

/* Shopping Cart Effects */
.cart-contents:before {
font-family:FontAwesome;
    content: "";
    font-size:0px;
    font-weight:400;
    padding-top:0px;	
    padding-right:1px;
    vertical-align: bottom;
}
.cart-contents:hover {
    text-decoration: none;
	    padding-top:0px;	
}

.cart-contents-count {
    color: #fff;
    background-color: purple;
    font-weight: bold;
    border-radius: 5px;
    padding: 0px 3px;
    line-height: 1.5;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: bottom;
}





/* Blog Post - Posted in Category, Tagged, Comments */
footer.entry-footer  {
	font-size: 80%;
	font-style:italic;	
  margin-top:0em;	
  margin-bottom:0em;		
  margin-left:0em;		
  margin-right:0em;	
}

span.comments-link {
  margin-left:1.5em;		
}

span.tags-links { 
  margin-left:1.5em;	
}



/* Continue Reading - Read more  */
a.more-link { 
   float: right;
    margin-top:0px;
    margin-left:0px;
   margin-right:0px;
    margin-bottom:0px;
   font-style: italic;
    font-weight: bold; 
    font-size: 1em;   
}

a.more-link:hover {
    color: darkblue;
    text-decoration:underline;
}


/* Blog Page - Blog Title Header  */
h2.entry-title {
    font-size: 2em;
    border: .10em solid whitesmoke;
   margin-left:0em;
   margin-right:0em;
}

/* Blog Post - Previous and Next Blog Topic Navigation*/

nav.navigation.post-navigation  {
    font-style: italic; 
    text-decoration:underline;
    background-color: #d3eef5; 
    border: 1px solid #d3eef5; 
}

/* Blog Post Comments - Older and Newer comments  Navigation*/

nav.navigation.comment-navigation {
    font-style: italic; 
    text-decoration:underline;
    background-color: #F2F7FC; 
    border: 1px solid #F2F7FC;  
}

/* Blog Comments Section - Remove Numbering, Align Avatar, Adjust Comment Date Font Size */

.comment-list li{list-style:none;}

.avatar {
 float:left;
 margin:0px 10px 10px 0px;
 border-radius: 50%;	
}

div.comment-metadata {
	font-size: 75%;
}


/* Blog Post Comments - Author Comment Spacing*/
ol.comment-list {
	margin-top:0.5em;
	padding-bottom:0em;
	margin-left:0.25em;
  margin-right:0.25em;
	border-style: groove;
	border: 2px solid #0099CC; 
	border-top:0em;
  border-right:0em;
	border-bottom:1em;	
}

/* Blog Post Comments - Author Comment Content*/
div.comment-content {
  border: 2px solid #F2F7FC;
  border-radius: 8px;align-content	
	background-color: whitesmoke; 
word-wrap: break-word !important;
}

/* Blog Post Comments - Author Comment Content - Long Links*/

div.comment-content a {
word-wrap: break-word !important;
}






/* Blog Post Comments - Reply button*/
div.reply {
	margin-top:1em;
	margin-bottom:1em;	
	background-color: whitesmoke;
	text-align: center;
}

/* Blog Post Comments - Leave a Reply Title */
h3#reply-title.comment-reply-title  {
		  margin-top:1em;
}


/* Auction Icon on Product Shop Images - put inside the image box so it does not protrude on the right margins*/
span.uwa_auction_bage_icon  {
   font-size: 1.5em;
   margin-left:1em;
   margin-right:0.45em;
   margin-top:0.45em;
 }



img.avatar.avatar-64.photo  {
 float:right;
 border-radius: 25%;	
}


.feed{display:none;}




/*Share Widget in a box*/

section#custom_html-9.widget_text.widget.widget_custom_html { 
}







/* Blog Page - Blog Title Header  */

main#main.site-main {
  margin-left:2em;
   margin-right:2em;
}


/* Blog Post - Posted on Date by Author */
div.entry-meta  {
	font-size: 90%;
  padding-top:0em;	
  padding-bottom:0em;		
  padding-left:0em;		
  padding-right:0em;	
}


/* Blog- "Posted On" Margins */
span.posted-on {
  margin-left:0.2em;
  margin-right:0.5em;
}

/* Blog- "Tags" Margins */
span.tags-links  {
  margin-left:1em;
  margin-right:0.5em;
}

/* Blog- "Leave a comment" Margins */
span.leave-a-comment  {
  margin-left:1em;
  margin-right:0.5em;
}

/* Blog- "Edit" Margins */
span.edit-link  {
  margin-left:1em;
  margin-right:0.5em;
}



/* Widget Area Margins */

aside#secondary.widget-area {
  margin-top:1px;	
	margin-left:1.05em;
  margin-right:1.15em;
}

/* Widget List Style Margins */
.widget, ul, ol {
padding-top: 1px;	
	padding-left: 1px;
  padding-right: 1px;
	font-size: 1em;
}

/* Recent Blog Posts Widget Box */
section#recent-posts-2.widget.widget_recent_entries  {
  border: 2px solid #F2F7FC;
  border-radius: 8px;align-content	
	background-color: whitesmoke;
}


/* Recent Blog Comments Widget Box */
section#recent-comments-2.widget.widget_recent_comments   {
  border: 2px solid #F2F7FC;
  border-radius: 8px;align-content	
	background-color: whitesmoke; 
}


















/* Chat Box - Updated Codes*/
div#simple-ajax-chat {
	width:100%;
	overflow:hidden;
	margin:0 0 20px 0;
}

div#sac-content {
	display:none;
}

/* Chat Box - Message Box - Scroll down*/
div#sac-output {
	float:left;
	width:58%;
	height:350px;
	overflow:auto;
	border:1px solid #d1d1d1 !important;
border-radius: 8px;align-content	
}

div#sac-output.sac-reg-req {
	float:none;
	width:100%;
	height:auto;
	border:0;
}

div#sac-latest-message {
	padding:5px 10px;
	font-size:14px;
	background-color:#d1d1d1;
	text-shadow:1px 1px 1px rgba(255,255,255,0.5);
}

/* Chat Box - Messages displayed*/
ul#sac-messages {
	margin-top: 10px; 
	margin-left: 0px;
	margin-right: 0px;
	padding:1px;
	font-size:14px;
	line-height:20px;
	width: auto-flow;
}

ul#sac-messages li {
	margin:0;
	padding:4px 10px;
}
ul#sac-messages li span {
	font-weight:bold !important;
}

/* Chat Box - On Blog and Pop Up -  User Message display*/

textarea#sac_chat {
border: 2px solid whitesmoke;
border-radius: 0px;align-content
background-color: whitesmoke;
	width: 100% !important;	
}

/* Chat Box - On Forum -  User Message display*/
fieldset#sac-user-chat {
	width: auto-flow !important;	
	
}


/* Chat Box - User Message display*/

div#sac-panel {
	float:right;
	width:38% !important;
}

form#sac-form fieldset {
	margin:0 0 1px 0 !important;
	padding:0 !important;
	border:0;
	
}

form#sac-form fieldset label,
form#sac-form fieldset input,
form#sac-form fieldset textarea {
	float:left;
	clear:both;
	width:94%;
	margin:0 0 2px 0;
	font-size:14px;
}

form#sac-form fieldset textarea {
	height:133px;
}

.tooltip {
	border:0;text-shadow:none;
}


/*Automatically adjust EXTERNAL long links on posts to  responsively fit smaller screens current version*/


comment-content {
max-width: 100% !important;
width: 100% !important;
word-wrap: break-word !important;
}	
	
	
#sac-output
img.avatar.avatar-30.photo {
    float: left;	
    margin: 0px 10px 10px 0px;
    border-radius: 50%;
}	
	
blockquote {
	  border: 1px solid #F2F7FC;  border-radius: 10px;
background-color: whitesmoke; 
  margin-top: 0;
	margin-left: 1em;
	margin-right: 1em;
	padding-top: 1px;	
	padding-left: 1px;
  padding-right: 1px;
}