@charset "utf-8";
/* CSS Document */
/* 
	Resets defualt browser settings
	reset.css
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
:focus {
  outline: 0;
}
a:active {
  outline: none;
}
a:link,
a:hover {
  text-decoration: none;
}
body {
  line-height: 1;
  color: black;
  background: white;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  line-height: 16px;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.cb {
  clear: both;
}
.tl {
  text-align: left;
}
.tr {
  text-align: right;
}
.tc {
  text-align: center;
}
p {
  margin-bottom: 12px;
}
aligncenter {
  text-align: center;
}
alignleft {
  text-align: left;
}
alignright {
  text-align: right;
}
h1 {
  font-size: 32px;
  font-weight: bold;
  line-height: 36px;
}
h2 {
  font-size: 24px;
  line-height: 28px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 12px;
}
w100 {
  width: 100%;
  height: auto;
}
/* ************************ */
/* **** Set the Resets **** */
/* ************************ */
strong {
  font-weight: bold;
}
section ol {
  padding-left: 40px;
}
section ol li {
  list-style-type: decimal;
  list-style-position: outside;
  padding-left: 5px;
  padding-bottom: 0.85em;
  line-height: 1.15;
}
caption {
  text-align: center;
}
/*section ul li {list-style-type: disc; list-style-position:inside; padding-bottom: 0.85em; } /**/
/* VARIABLES */
/*@link-color: #779524; /* */
/*@hover-color: #9fc732;	/* */
/* */
/* */
/*@text-color: #002951; /* */
body {
  line-height: 20px;
  font-size: 13px;
  color: #333333;
  background-color: #fdfdfd;
  /*background-color: #CFF;	/**/
  /*background-image: url(../images/screen/leafbg.jpg);	/**/
  /*background-image: url(../images/screen/boneparte-gull.jpg);	/**/
  /*background-image: url(../images/screen/boneparte-gull-2.jpg);	/**/
  /*background-image: url(../../../../images/1245%20Loon%20175.jpg); /**/
  /*background-image: url(../images/screen/map-bg.jpg);	/**/
  /*background-image:url(../images/dock.jpg);	/**/
  /*background-image: url(../images/300_6125.jpg);	/**/
  background-attachment: fixed;
  /**/
  background-size: cover;
}
.high100 {
  height: 1000px;
}
/* ********************** */
/* ***  Fixed header  *** */
/* ********************** */
#header-wrap,
#header-wrap2 {
  position: fixed;
  height: 52px;
  margin-top: -50px;
  /*margin-top: -50px;	/**/
  width: 100%;
  z-index: 1000;
  opacity: .9;
  /*background-color: #333;	/**/
  background-color: #da0000;
  /**/
  box-shadow: 3px 3px 6px #aaaaaa;
  border-top: 1px solid #888888;
  transition: opacity ease-in 1s all;
  -webkit-transition: opacity 2s ease-in;
  -moz-transition: opacity 2s ease-in;
  -o-transition: opacity 2s ease-in;
}
#header-wrap img,
#header-wrap2 img {
  max-width: 100%;
  height: auto;
}
#header-wrap2 {
  height: 32px;
  margin-top: -60px;
}
#header-content,
#header-content2 {
  max-width: 960px;
  margin: auto;
}
#header-content2 {
  height: 20px;
}
.gwm-title,
.gwm-title2 {
  /*background-color: #333; /**/
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 32px;
  line-height: 20px;
  color: #999999;
  margin-top: -40px;
  padding: 15px 50px;
  padding: 16px 0;
  border: none;
  box-shadow: none;
  opacity: 1;
}
.gwm-title2 {
  line-height: 12px;
  transition-duration: 5s;
}
#header2 .gwm-title {
  max-height: 30px;
  margin-top: -30px;
}
/* ******************************* */
/* ***  Drop down menu system  *** */
/* ******************************* */
#header-menu,
#header-menu2 {
  position: relative;
  /**/
  /*position: absolute;	/**/
  /*position: fixed;	/**/
  float: none;
  text-align: center;
  padding: 10px 30px;
  font-size: 16px;
  background-color: #03F;
  color: #eeeeee;
  text-shadow: 2px 2px 3px #000;
  margin: 0 auto;
  margin-top: 10px;
  /* narrow format */
  /*margin-top: 50px;	/* wide format */
  border: solid 1px #003300;
  box-shadow: 3px 3px 3px #333;
  z-index: 1001;
  /*ul, ol, li {
	  display: inline-block;
	}*/
}
#header-menu .menu-navigation ul,
#header-menu2 .menu-navigation ul {
  /* gets rid of last separater */
}
#header-menu .menu-navigation ul > li,
#header-menu2 .menu-navigation ul > li {
  /*float: left;	/**/
  float: none;
  /**/
  display: inline-block;
  /* show the dropdown on hover */
  /* persistant hover - top level menus are highlighted as well */
}
#header-menu .menu-navigation ul > li a,
#header-menu2 .menu-navigation ul > li a {
  color: #f6f6f6;
  display: inline-block;
  /*margin-right: 1em;	/**/
  margin-right: 10px;
  padding-right: 20px;
  position: relative;
}
#header-menu .menu-navigation ul > li a:hover,
#header-menu2 .menu-navigation ul > li a:hover {
  color: #ffffff;
  text-decoration: underline;
}
#header-menu .menu-navigation ul > li a::before,
#header-menu2 .menu-navigation ul > li a::before {
  content: '*';
  position: absolute;
  /**/
  font-size: 12px;
  top: 3px;
  right: 0;
  color: #f6f6f6;
  text-decoration: none;
}
#header-menu .menu-navigation ul > li ul,
#header-menu2 .menu-navigation ul > li ul {
  display: none;
  /* */
  background: #03f;
  border: solid 1px #003300;
  box-shadow: 3px 3px 3px #333;
  margin-left: -1em;
  /* aligns with separater */
  /*margin-top: 5px;		/* breaks dropdown menu selection */
  position: absolute;
}
#header-menu .menu-navigation ul > li ul li,
#header-menu2 .menu-navigation ul > li ul li {
  float: none;
  white-space: nowrap;
  border-bottom: solid 1px #333;
  position: relative;
}
#header-menu .menu-navigation ul > li ul li a,
#header-menu2 .menu-navigation ul > li ul li a {
  padding: 0 15px 5px;
  margin: 0;
}
#header-menu .menu-navigation ul > li ul li a::before,
#header-menu2 .menu-navigation ul > li ul li a::before {
  content: '';
}
#header-menu .menu-navigation ul > li ul li ul,
#header-menu2 .menu-navigation ul > li ul li ul {
  display: none;
  position: absolute;
  left: 100%;
  /* moves submenu to the right */
  top: 0;
}
#header-menu .menu-navigation ul > li:hover > ul,
#header-menu2 .menu-navigation ul > li:hover > ul {
  display: block;
}
#header-menu .menu-navigation ul > li:hover > a,
#header-menu2 .menu-navigation ul > li:hover > a {
  color: #ffffff;
  text-decoration: underline;
}
#header-menu .menu-navigation ul > li:last-child a,
#header-menu2 .menu-navigation ul > li:last-child a {
  padding-right: 0px;
  margin-right: 0em;
}
#header-menu .menu-navigation ul > li:last-child a::before,
#header-menu2 .menu-navigation ul > li:last-child a::before {
  content: '';
  /*position: absolute;	/**/
}
/* uses this css if this is an Internet Explorer browser */
/* see "write class name for Browser Types in the body tag" in functions.php */
.ie #header-menu a {
  color: #6f6f6f;
}
.ie #header-menu a:hover {
  color: #ff0000;
  text-decoration: underline;
}
#header-menu2 {
  margin-top: 10px;
  line-height: 10px;
  font-size: 14px;
}
/* ******************* */
/* The body formatting */
/* ******************* */
#body-container {
  margin-top: 80px;
  margin-bottom: 0px;
  padding-top: 30px;
  margin-left: auto;
  margin-right: auto;
  /* Decoration around the content container */
  /*
	background-color: white;
	border-radius: 10px;
	box-shadow: 0px 0px 10px #888888;
*/
}
.do-border {
  background-color: white;
  /*background-color: #FC3;	/**/
  border-radius: 10px;
  box-shadow: 0px 0px 5px #888888;
  padding: 20px 0;
  /*margin-left: 10px;	/*.*/
}
article {
  height: 100%;
}
section {
  background-color: #ffffff;
  /*background-image:url(../images/dock.jpg);	/**/
  /*border-radius: 10px;
	box-shadow: 0px 0px 10px #888888;	/**/
  border: 1px solid #8080ff;
  border-radius: 10px;
  box-shadow: 0px 0px 10px #888888;
  /**/
  margin: 0 auto;
  margin-top: 20px;
  padding: 20px;
  max-width: 960px;
}
section .single-post {
  padding-right: 50px;
}
#post-content {
  height: auto;
}
.excerpt-hr {
  width: 95%;
}
.excerpt-hr:last-child {
  display: none;
}
/*.excerpt-hr:last-child {display: none;}
/* ---------------- BUTTONS ---------------- */
/*                                           */
.button {
  display: inline-block;
  /*.round();		/**/
  color: white;
  font-weight: normal;
  padding: 0 1em;
  height: 3em;
  line-height: 3em;
}
.small-button {
  display: inline-block;
  /*.round();		/**/
  /*color: white;	/**/
  font-weight: normal;
  padding: 0 1em;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  margin: 6px;
}
/* ********************** */
#body_wrapper {
  /*background-color: #F0D798;	/**/
  /*background-color: #ef90ef;	/**/
}
#wrapper_content_header {
  min-height: 40px;
  /**/
  width: 980px;
  margin: 0 auto;
}
#wrapper_content_header .container {
  padding: 40px 40px 0 40px;
}
#wrapper_content_header #cart {
  padding: 20px 30px 0 0;
}
#wrapper_content_header #cart ul,
#wrapper_content_header #cart ol,
#wrapper_content_header #cart li {
  display: inline-block;
  font-size: 12px;
}
#wrapper_content {
  min-height: 200px;
  width: 980px;
  margin: 0 auto;
}
#wrapper_content .content {
  padding: 0 40px 0 40px;
}
#wrapper_content .content #nav {
  padding: 10px 10px 0 0;
}
#wrapper_content .content #nav ul,
#wrapper_content .content #nav ol,
#wrapper_content .content #nav li {
  display: inline-block;
  font-size: 12px;
}
#wrapper_content_footer {
  min-height: 100px;
  max-width: 980px;
  margin: 0 auto;
}
#wrapper_content_footer .content {
  padding: 0 40px 40px 40px;
}
#wrapper_content_footer .copyright {
  font-size: 40%;
}
.copyright {
  font-size: 60%;
  padding-left: 10px;
}
.section {
  /*background-color: #fafafa; /**/
  /*width: 900px;	/**/
  /*margin: 20 auto;	/**/
  padding: 10px 10px 20px 10px;
  /* */
  margin-bottom: 20px;
  /*img {
			padding: 3px;
			background-color: #ffffff;
			border: 1px solid #f0d798;
			margin: 0 10px 15px 0;
			box-shadow: 4px 4px 4px #aaa;
		} /* */
}
.section #gmap_canvas img,
.section #map img {
  border: none !important;
  box-shadow: none !important;
  margin: 0;
}
.siteheader {
  font-size: 54px;
  font-family: 'Allura', cursive;
  font-family: 'Tangerine', serif;
  font-family: 'Papyrus';
  text-shadow: 4px 2px 2px #aaa;
  font-weight: bold;
  padding: 40px 0 ;
  color: #063;
  color: white;
  position: absolute;
}
#banner {
  background: url(file:///C|/wamp/www/thelivingcanvas/images/layout/best%20of%20sun%20dyeing_banner_920x100.png);
  /**/
  height: 45px;
  width: 900px;
  margin-left: -10px;
  padding: 45px 0 10px 20px;
  position: relative;
  text-shadow: 4px 2px 2px #333;
}
#banner .siteheader_2 {
  font-family: 'Papyrus';
  font-size: 54px;
  font-weight: bold;
  color: white;
}
.banner {
  background: url(file:///C|/wamp/www/thelivingcanvas/images/layout/best%20of%20sun%20dyeing_banner_920x100.png) repeat-x;
  /**/
  position: relative;
  padding: 15px 0 20px 20px;
  /*	margin: 0 auto;	/**/
  margin-left: 30px;
  margin-top: 20px;
}
.banner img {
  border: none;
  box-shadow: none;
}
.banner_wide {
  background: url(file:///C|/wamp/www/thelivingcanvas/images/layout/best%20of%20sun%20dyeing_banner_920x100.png) repeat-x;
  /**/
  position: relative;
  padding: 15px 0 20px 30px;
  margin-top: 20px;
  box-shadow: 6px 6px 10px #aaaaaa;
}
#filler {
  height: 30px;
  min-height: 30px;
}
.entry-meta {
  margin-left: 20px;
}
#lowerfooter {
  width: 880px;
  margin: 0 auto;
  color: #063;
}
#lowerfooter a:link {
  color: #063;
}
#lowerfooter a:link:hover {
  color: black;
}
#sidebar {
  /*height: 360px; /* */
  min-height: 100px;
}
.bg-pale-blue {
  background-color: #CFF;
}
/***************************************************************/
/*                  with Boot Strap included                   */
/***************************************************************/
body {
  /*background-color: #F0D798;	/**/
  /*background-color: #ef90ef;	/**/
}
.container-fluid {
  /*max-width: 900px;	/**/
  /*max-width: 960px;	/**/
  max-width: 980px;
  /**/
  /*max-width: 1000px;	/**/
  /*max-width: 1060px;	/**/
  /*max-width: 1100px;	/**/
  /*max-width: 1200px;	/**/
  /*margin: 0 auto;	/**/
  margin: 0 30;
  /**/
}
.top-menu {
  margin-top: -20px;
  margin-bottom: 20px;
}
.top-menu ul,
.top-menu ol,
.top-menu li {
  display: inline-block;
}
.store-cart {
  margin-top: 20px;
  margin-bottom: -20px;
  padding-right: 40px;
}
.store-cart ul,
.store-cart ol,
.store-cart li {
  display: inline-block;
}
.center {
  float: none;
  margin: 0 auto;
}
[class*="span"].center {
  margin-left: auto;
  margin-right: auto;
  float: none;
}
.footer {
  padding: 10px 30px;
}
.holdback {
  padding-right: 30px;
}
.padleft30 {
  padding-left: 30px;
}
#container,
#body-container {
  /*img {
	  border: 1px solid #333333;
	  padding: 15px;
	  background-color: white;
	  margin: 5px 10px 15px 10px;
	  box-shadow: 3px 5px 5px #666666;
	  max-width: 90%;
	} /* */
}
#container img.nodec,
#body-container img.nodec {
  /* image without decoration */
  padding: 3px;
  border: none;
  box-shadow: none;
}
#container img#gmap_canvas,
#body-container img#gmap_canvas {
  border: none;
  margin: 0;
  box-shadow: none;
}
#container #gmap_canvas img,
#body-container #gmap_canvas img {
  border: none;
  box-shadow: none;
  max-width: 110%;
  margin: 0;
  padding: 0;
}
/* background image */
.bg {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5000;
}
aside h4,
aside h5 {
  padding-bottom: 5px;
}
aside ul,
aside ol,
aside li {
  padding-left: 5px;
}
.spacer {
  margin: 0 30px;
}
.single-post {
  height: auto;
}
/* ****************************** */
/* **** Carousel **** */
/* ****************************** */
#home-carousel {
  margin: 0 auto;
  padding: 10px;
  position: relative;
  border: 1px solid #9fc732;
}
.carousel-inner .item {
  min-height: 150px;
  margin: 0 auto;
}
.item img {
  margin: 0 auto;
}
.carousel-control {
  top: 45%;
  left: 8px;
  width: 40px;
  height: 40px;
  margin-top: 0px;
  font-size: 48px;
  font-weight: 100;
  line-height: 30px;
  color: #f00;
  text-align: center;
  background: #eee;
  border: 2px solid #00f;
  border-radius: 50%;
  opacity: 0.3;
  z-index: 99;
}
.carousel-indicators li,
.carousel-indicators .active {
  position: relative;
  margin-top: 175px;
  background-color: #ff0000;
}
.carousel-indicators .active {
  background-color: #00FF00;
}
/* ******************* */
/* Back to Top Button  */
/* ******************* */
/* back to top floating button */
#wp-smooth-scroller {
  opacity: .8;
  cursor: pointer;
  background-image: url('../images/wp-smooth-scroll.png');
  background-position: 66px 55px;
  height: 55px;
  width: 66px;
  outline: 0;
  visibility: visible;
  z-index: 9999;
}
.back-to-top {
  background: none;
  position: fixed;
  /* */
  right: 0px;
  bottom: 2em;
  margin-right: 10px;
  padding: 10px;
  width: 70px;
  height: 70px;
  z-index: 100;
  color: #0000ff;
  background-color: transparent;
  opacity: .4;
  font-size: 60px;
  display: none;
}
.back-to-top i {
  font-size: 40px;
}
.back-to-top:link,
.back-to-top:visited,
.back-to-top:hover,
.back-to-top:active {
  color: #0000ff;
}
/* ****************************** */
/* **         Gmap3 Map        ** */
/* ****************************** */
#map_address {
  min-height: 300px;
  background-color: #D8D8D8;
}
/* *********************** */
/*  WPBeginner Footer Bar  */
/* *********************** */
.fixedBar {
  background: #000;
  bottom: 0px;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  left: 0;
  padding: 0px 0;
  position: fixed;
  font-size: 16px;
  width: 100%;
  z-index: 99999;
  float: left;
  vertical-align: middle;
  margin: 0px 0 0;
  opacity: 0.95;
  font-weight: bold;
}
.boxfloat {
  text-align: center;
  max-width: 920px;
  margin: 0 auto;
}
#tips,
#tips li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#tips {
  max-width: 920px;
  font-size: 20px;
  line-height: 120%;
}
#tips li {
  padding: 15px 0;
  display: none;
  /**/
}
#tips li a {
  color: #fff;
}
#tips li a:hover {
  text-decoration: none;
}
/* ******************************* */
/*   pagination */
/* ******************************* */
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  color: #fff;
  text-decoration: none;
}
.navigation li {
  display: inline;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  background-color: #6FB7E9;
  border-radius: 3px;
  cursor: pointer;
  padding: 12px;
  padding: 0.75rem;
}
.navigation li a:hover,
.navigation li.active a {
  background-color: #3C8DC5;
  color: #ff0000;
}
li.cur-page a {
  color: #000;
  background-color: #fff;
}
/* ********************************************* */
/* Syntaxhighlighter fix for Bootstrap based css */
.syntaxhighlighter table td.gutter {
  vertical-align: middle !important;
}
/* ****************************** */
/* Breadcrumbs */
ul.breadcrumbs li {
  float: left;
}
ul.breadcrumbs li a {
  display: inline-block;
  margin-right: 4px;
  /**/
  padding-right: 25px;
  position: relative;
}
ul.breadcrumbs li a:hover {
  color: #3C8DC5;
  text-decoration: underline;
}
ul.breadcrumbs li a::before {
  content: '>>';
  position: absolute;
  /**/
  font-size: 12px;
  bottom: 1px;
  right: 0;
  text-decoration: none;
}
/* ****************************** */
/* **** Toggle Checkbox **** */
/* ****************************** */
.toggle {
  height: 200px;
  width: 500px;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
  z-index: 100;
  opacity: 0;
}
input.toggle:checked + img {
  opacity: 0;
}
img {
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
/* ****************************** */
/* **** Contact 7 Form **** */
/* ****************************** */
#contactForm {
  list-style: none;
  margin: 0;
}
#contactForm li {
  float: left;
  height: 60px;
  margin: 0 0 20px;
  position: relative;
  width: 540px;
}
#contactForm li .text {
  background: #F0EFEF;
  padding: 15px 10px 10px 0;
  position: absolute;
  z-index: 100;
  min-width: 85px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  text-indent: 5px;
}
#contactForm li .required {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 100;
}
#contactForm li .wpcf7-form-control-wrap {
  position: absolute;
}
#contactForm li .wpcf7-form-control-wrap input,
#contactForm li .wpcf7-form-control-wrap textarea {
  background: #fff;
  border: solid 5px #F0EFEF;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 15px 10px 25px;
  width: 509px;
  text-indent: 95px;
  z-index: 100;
  margin: 0;
}
#contactForm li .wpcf7-form-control-wrap input:focus,
#contactForm li .wpcf7-form-control-wrap textarea:focus {
  background: #F0EFEF;
}
#contactForm li .wpcf7-form-control-wrap textarea {
  line-height: 28px;
  padding: 10px;
  height: 200px;
}
#contactForm li#message {
  min-height: 220px;
}
#contactForm li#submit input {
  color: #fff;
  text-decoration: none;
  margin: 10px 30px 0 0;
  background: #09b2f3;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#69d2f9', endColorstr='#09b2f3');
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#69d2f9), to(#09b2f3));
  background: -moz-linear-gradient(top, #69d2f9, #09b2f3);
  border: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -0-border-radius: 3px;
  border-radius: 3px;
  display: block;
  padding: 10px 25px;
  text-align: center;
  text-shadow: 0 1px 0 #09b2f3;
  text-transform: uppercase;
}
#contactForm li#submit input:hover {
  background: #69d2f9;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09b2f3', endColorstr='#69d2f9');
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#09b2f3), to(#69d2f9));
  background: -moz-linear-gradient(top, #09b2f3, #69d2f9);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;
  color: #06506c;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
  text-transform: uppercase;
  cursor: pointer;
}
div.wpcf7-validation-errors {
  clear: left;
}
/* **************************** */
.wpcf7 .your-subject {
  width: 430px;
}
.wpcf7 .your-message {
  width: 430px;
}
/* ***** comment reply form ***** */
textarea {
  width: 580px;
}
/* adds left border to separate it from the main body */
/* border left */
.bl {
  border-left: none;
}
.form-control-inline {
  /* use in the form definition to maximize all the input fields. */
  min-width: 0;
  max-width: 1000px;
  display: inline;
}
/* raises the search form submit button */
input[type="submit"] {
  margin-bottom: 12px;
}
.show-wide,
.show-none {
  display: none;
}
/*  ******************************  */
/*  ***** fixed footer css  ******  */
/*  ******************************  */
/*WPBeginner Footer Bar*/
.fixedbar {
  background: #00f;
  bottom: 0px;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  left: 0;
  padding: 0px 0;
  position: fixed;
  font-size: 16px;
  width: 100%;
  z-index: 99999;
  float: left;
  vertical-align: middle;
  margin: 0px 0 0;
  opacity: 0.95;
  font-weight: bold;
}
.boxfloat {
  text-align: center;
  max-width: 920px;
  margin: 0 auto;
}
#tips,
#tips li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#tips {
  max-width: 920px;
  font-size: 20px;
  line-height: 120%;
}
#tips li {
  padding: 15px 0;
  display: none;
}
#tips li a {
  color: #fff;
}
#tips li a:hover {
  text-decoration: none;
}
@media print {
  #header-wrap {
    margin-bottom: 30px;
    position: absolute;
    border-top: none;
    opacity: 1;
  }
  #header-menu {
    display: none;
  }
  .bl,
  .sidebar {
    display: none;
  }
  .entry-content {
    width: 90%;
  }
  #post-content {
    width: 100%;
  }
  #sidebar {
    width: 20px;
    display: none;
  }
  footer,
  nav,
  #respond,
  #page-footer,
  .footer-hr {
    display: none;
  }
  @page :left {
    margin-left: 3cm;
    margin-right: 6cm;
  }
  @page :right {
    margin-left: 3cm;
    margin-right: 3cm;
  }
}
/* Google Maps */
#map-canvas {
  width: 500px;
  height: 400px;
  background-color: #cccccc;
}
@media screen and (min-width: 768px) and (max-width: 990px) {
  .show-wide {
    display: block;
  }
  .show-narrow {
    display: none;
  }
}
@media screen and (min-width: 990px) {
  #header-wrap {
    margin-top: -50px;
  }
  section {
    margin-top: 0px;
  }
  .bl {
    border-left: 1px solid #DDDDDD;
    padding-left: 10px;
    display: inline-block;
  }
  .show-wide {
    display: block;
  }
  .show-narrow {
    display: none;
  }
}