/****** overrides *********/
article.ca-post,
article.ca-article {
   margin: 15px;
}


/***** custom addition css qble */
/***** qble */

/* Remove white gap at top of Terms/Privacy page */
body, #ca-main, .ca-header {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.ca-content-header {
  text-align: center;
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  padding: 10px;
}


.ca-header-logo {
   display: block;
   margin-top: 15px;
   margin-left: 10px;
   position: relative;
   width: 100%;
   height: 85%;
   background-image: url('../images/clarityaccounting_logo.png');
   background-position:left center;
   background-repeat: no-repeat;
   background-size:contain;
   z-index: 1;
}

/* Unified footer styling */
.ca-footer,
.site-footer {
  background: #0a4c7d;     /* single navy color everywhere */
  color: #ffffff;
  text-align: center;
  padding: 18px 0;
  margin-top: 0;
  border-top: none;
}

/* Full-bleed only for the new footer */
.site-footer {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}


.footer-container {
  width: 980px;
  max-width: 92%;
  margin: 0 auto;
}

.footer-links {
  margin-bottom: 6px;
}

.footer-links a {
  color: #ffffff;
  text-decoration: none;
  margin: 0 6px;
}

.footer-links a:hover {
  text-decoration: underline;
}

.sep {
  opacity: 0.7;
}

.copyright {
  font-size: 13px;
}

@media (max-width: 768px) {
  .site-footer {
    font-size: 14px;
  }
}


.ca-image-float {
   width: 150px;
   height: 150px;
   float: left;
   margin: 10px;
   margin-top: 10px;
   margin-right: 10px;
   margin-bottom: 10px;
   margin-left: 10px;
}

/*************************************/
/******* Home ********************/
.ca-home {

}

.ca-home-list-green ul>li:before
{
   content:url('../images/postbullets-green.png');
   /*margin-right:6px;*/
   /*bottom: 2px;*/
   /*position:relative;*/
   /*display:inline-block;*/
   /*vertical-align:middle;*/
   /*font-size:0;*/
   /*line-height:0;*/
   /*margin: 8px 8px 8px 8px;*/
   /*padding: 10px 10px 10px 10px;*/
}

.ca-home ul.ca-list-green, ul.ca-list-green {
   margin: 10px 10px;
}

.ca-home ul.ca-list-square,
ul.ca-list-square {
   list-style-type: square;
   list-style-position: inside;
}

.ca-list-circle ul>li:before,
{
   content: "" ;
   list-style-type: circle;
   list-style-position: inside;
}


/*************************************/
/******* Services ********************/
.ca-services-content {
}

.ca-services-content .ca-services-image {
   width: 125px;
   height: 125px;
}

.ca-services-content .ca-services-table {
   border: 0px solid black;
   border-collapse: collapse;
   width: 600px;
   height: 200px;
}

.ca-services-content .ca-services-tbody {
   border: 0px solid red;
   margin: 10px;
}

.ca-services-table tr,
.ca-services-table td,
.ca-services-table tr th,
.ca-services-table tr td {
   border: 0px solid black;
   /*border: 0px solid #e4efdc;*/
}

.ca-services-table tr th {
   font-size: 18px;
   vertical-align: bottom;
   text-align: left;
}

.ca-services-table .ca-services-table-image-td {
   width: 130px;
}

.ca-services-table .ca-services-ul {
   margin: 5px;
   padding-left: 0px;
}

.ca-services-table .ca-services-ul li {
}


/*************************************/
/******* Contacts ********************/

#ca-contacts-address {
   background-color: #b9d8eb;
   background-image: -moz-linear-gradient(center bottom , rgba(13, 14, 14, 0.04), rgba(255, 255, 255, 0.04));
   border: 1px solid rgb(186, 186, 186);
   border-radius: 5px 5px 5px 5px;
   /*box-shadow: 4px 4px 2px rgba(190, 190, 190, 0.17), 0px 2px rgb(255, 255, 255) inset;*/
   box-shadow: 3px 3px 3px #9fbac8, 1px 1px rgb(174, 200, 214) inset;
   -moz-box-sizing: border-box;
   display: block;
   padding: 6px 10px;
   margin-right: 10px;
   width: 275px;
   height: 150px;
}

td div.ca-contacts-td1{
   background-color: #b9d8eb;
   background-image: -moz-linear-gradient(center bottom , rgba(13, 14, 14, 0.04), rgba(255, 255, 255, 0.04));
   border: 1px solid rgb(186, 186, 186);
   border-radius: 5px 5px 5px 5px;
   /*box-shadow: 4px 4px 2px rgba(190, 190, 190, 0.17), 0px 2px rgb(255, 255, 255) inset;*/
   box-shadow: 6px 7px 5px #9fbac8, 1px 1px rgb(174, 200, 214) inset;
   -moz-box-sizing: border-box;
   display: block;
   padding: 20px 10px;
   margin-right: 10px;
   width: 300px;
}

td div.ca-contacts-td2 {
   background-color: #b9d8eb;
   background-image: -moz-linear-gradient(center bottom , rgba(13, 14, 14, 0.04), rgba(255, 255, 255, 0.04));
   border: 1px solid rgb(186, 186, 186);
   border-radius: 5px 5px 5px 5px;
   /*box-shadow: 4px 4px 2px rgba(190, 190, 190, 0.17), 0px 2px rgb(255, 255, 255) inset;*/
   -webkit-box-shadow: 2px 2px 3px #9fbac8;
   box-shadow: 2px 2px 3px #9fbac8, 1px 1px rgb(174, 200, 214) inset;
   -moz-box-sizing: border-box;
   display: inline-block;
   padding: 10px 10px;
   width: 220px;
}

#ca-contacts-donna, #ca-contacts-kate {
   background-color: #b9d8eb;
   background-image: -moz-linear-gradient(center bottom , rgba(13, 14, 14, 0.04), rgba(255, 255, 255, 0.04));
   border: 1px solid rgb(186, 186, 186);
   border-radius: 5px 5px 5px 5px;
   /*box-shadow: 4px 4px 2px rgba(190, 190, 190, 0.17), 0px 2px rgb(255, 255, 255) inset;*/
   box-shadow: 3px 3px 2px #9fbac8, 1px 1px rgb(174, 200, 214) inset;
   -moz-box-sizing: border-box;
   display: block;
   padding: 6px 6px;
   width: 245px;
   height: 70px;
   margin: 4px;
}

form.ca-contacts-form legend {
   background-color: #e4efdc;
   font-weight: bold;
}

form.ca-contacts-form fieldset {
   background-color: #f0fbe8;
   background-image: -moz-linear-gradient(center bottom , rgba(13, 14, 14, 0.04), rgba(255, 255, 255, 0.04));
   border: 1px solid rgb(186, 186, 186);
   border-radius: 5px 5px 5px 5px;
   /*box-shadow: 3px 3px 2px #8bb78b, 1px 1px rgb(103, 152, 67) inset;*/
   box-shadow: 2px 2px 2px rgb(0, 82, 82), 1px 1px rgb(0, 65, 65) inset;
   -moz-box-sizing: border-box;
   display: block;
   padding: 6px 10px;
   width: 540px;
   min-width: 540px;
   height: auto;
   margin: 5px;
}

form.ca-contacts-form input[type="text"],
form.ca-contacts-form textarea{
   padding: 0px;
   background: none repeat scroll 0% 0% rgb(255, 255, 255);
   box-shadow:inset 1 1 1px #000000;
   -moz-box-shadow:inset 1 0 1px #000000;
   -webkit-box-shadow:inset 0 0 1px #000000;
   border: 1px solid darkgray;
   width: 100% ;
}
label
{
   /*width: 60px;*/
   /*float: left;*/
   /*text-align: right;*/
   vertical-align: middle;
   margin-right: 5px;
   display: block;
}

input {

}

.submit input
{
   margin-left: 2px;;
}


.required_star {
   font-weight:bold;
   color:#F00;
}
.not-required {
   font-weight:normal
}
.antispammessage {
   padding:10px;
   border-top:0px solid #AAA;
   border-bottom:1px solid #AAA;
   font-weight:bold
}
.antispamquestion {
   font-weight:normal;
}


form.ca-contacts-form .form-error {
   color: #FF0000 !important;
}


/*************************************/
/******* About Us ********************/
.ca-aboutus-content {
}

img.ca-aboutus-portrait-left {
   max-width: 125px;
   max-height: 125px;
   float: left;
   margin: 0px 15px 0px 0px;
   display: block;
   width: auto;
   height: auto;
   /*margin-top: 10px;*/
   /*margin-right: 10px;*/
   /*margin-bottom: 10px;*/
   /*margin-left: 10px;*/
}

img.ca-aboutus-portrait-right {
   max-width: 125px;
   max-height: 125px;
   float: right;
   margin: 0px 0px 0px 15px;
   display: block;
   width: auto;
   height: auto;
   /*margin-top: 10px;*/
   /*margin-right: 10px;*/
   /*margin-bottom: 10px;*/
   /*margin-left: 10px;*/
}

/*************************************/
/******* Testimonials ********************/
.blockquoteEnd
{
   background:  url('../images/Blockquote/blockquote-end.png') no-repeat scroll;
   padding:3px 9px 3px 32px;
   margin:3px 90px 3px 1px;
   color: #07151C;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
   /* makes block not to align behind the image if they are in the same line */
   overflow: auto;
   clear:both;
}

.ca-testimonials-box {
   padding: 3px 15px 3px 15px;
   border: 1px solid #599003;
   border-bottom: 3px solid #326103;
   border-right: 2px solid #326103;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   background: #f5f5f5;
}


/************************************************/
.inset
{
   /*line-height:300px;*/
   text-align:center;
   color:#fff;
   box-shadow:inset 1px 1px 1px 0px rgba(0, 0, 0, 0.4), 1px 1px 1px 0px rgba(255, 255, 255, 0.8);
   border-radius:4px;
   background:rgba(0, 0, 0, 0.1);
}
/* Fix spacing between image and text on Services page */
.ca-services-table td { vertical-align: top; }
.ca-services-table td:first-child { width: 180px; padding-right: 10px; }
.ca-services-table td p { margin-top: 0; }


.ca-services-table td { vertical-align: top; }
.ca-services-table td:first-child { width: 180px; padding-right: 10px; }
.ca-services-table td p { margin-top: 0; }

/* --- Services row: make text sit tight to image --- */
table.ca-services-table { border-collapse: collapse; }
table.ca-services-table td { padding: 0 !important; vertical-align: top; }

table.ca-services-table td:first-child {
  width: 200px !important;
  padding-right: 0 !important;
}

table.ca-services-table td:nth-child(2) {
  padding-left: 8px !important;
}

table.ca-services-table img.ca-services-image {
  display: block;
  margin: 0;
}

/* --- Global brand consistency --- */

/* Page titles: centered and bold */
h1 {
  text-align: center;
  font-weight: 700;
  margin: 18px 0 12px;
}

/* Section headings rhythm */
h2 {
  margin-top: 32px;
  margin-bottom: 10px;
}

/* Uniform link color + hover */
a { color: #0073aa; text-decoration: none; }
a:hover { color: #005f8a; text-decoration: underline; }

/* Comfortable reading width on content wrappers seen in your pages */
.ca-content, .WordSection1, .ca-content-layout, .ca-main, article {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 24px;
}

/* Services layout: tighten image/text spacing and align tops */
table.ca-services-table { border-collapse: collapse; }
table.ca-services-table td { padding: 0; vertical-align: top; }
table.ca-services-table td:first-child { width: 200px; }
table.ca-services-table td + td { padding-left: 10px; }
table.ca-services-table img.ca-services-image { display: block; margin: 0; }
table.ca-services-table td p { margin-top: 0; }