/*!

Theme Name: 	Linio Kajo
Author: 		Linio Creative
Author URI: 	http://liniocreative.co.uk;
Description: 	Linio Kajo is a responsive themeing framework for WordPress developed by Dave Livesey for Linio Creative. It allows the rapid development of bespoke WordPress-based websites that are seamless whether viewed on any device, from smartphones to HD displays and televisions. For more information how your business can benefit from Linio Creative's web design and development services, call 0151 559 0707 or email us on info@liniocreative.co.uk.
Version: 		1.0
License: 		Licensed Non-Exclusively by Linio Creative.

*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
/* html5reset.css - 01/11/2011 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

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

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/* MIXINS */
/* Colour Variables */
/* Link Colours */
/* Typography */
/* Media Queries */
/* Grid Box Widths */
/* Global Grid Rules */
.group:after {
  content: "";
  display: table;
  clear: both; }

div, .group, .box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.box {
  float: left; }

/* Media Queries */
@media only screen and (min-width: 0em) and (max-width: 50em) {
  .whole {
    width: 100%; }

  .half {
    width: 100%; }

  .one-third {
    width: 100%; }

  .two-thirds {
    width: 100%; }

  .one-quarter {
    width: 100%; }

  .three-quarters {
    width: 100%; }

  .one-fifth {
    width: 100%; }

  .two-fifths {
    width: 100%; }

  .three-fifths {
    width: 100%; }

  .four-fifths {
    width: 100%; }

  .one-tenth {
    width: 100%; }

  .three-tenths {
    width: 100%; }

  .seven-tenths {
    width: 100%; }

  .nine-tenths {
    width: 100%; } }
@media only screen and (min-width: 50em) {
  .whole {
    width: 100%; }

  .half {
    width: 50%; }

  .one-third {
    width: 33.33333%; }

  .two-thirds {
    width: 66.66667%; }

  .one-quarter {
    width: 25%; }

  .three-quarters {
    width: 75%; }

  .one-fifth {
    width: 20%; }

  .two-fifths {
    width: 40%; }

  .three-fifths {
    width: 60%; }

  .four-fifths {
    width: 80%; }

  .one-tenth {
    width: 10%; }

  .three-tenths {
    width: 30%; }

  .seven-tenths {
    width: 70%; }

  .nine-tenths {
    width: 90%; } }
/* Base Styles */
body {
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  line-height: 1.6;
  color: black; }

h1, h2, h3, h4,
h5, h6, p, div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok, a {
  text-decoration: none; }

h1, h2, h3, h4 {
  font-weight: 300; }

h5, h6, p, div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok, a {
  font-family: "Open Sans", sans-serif; }

h1, .h1 {
  font-size: 1.30rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  text-transform: uppercase; }

h2, .h2 {
  font-size: 1.50rem;
  color: #7bba33; }

h3, .h3 {
  font-size: 1.20rem;
  color: #7bba33; }

h4, .h4 {
  font-size: 1.00rem;
  color: #7bba33; }

h5, .h5 {
  font-size: 1.20rem;
  color: #7bba33; }

h6, .h6 {
  font-size: 1.20rem;
  color: #7bba33; }

p, div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok, .p {
  font-size: 0.905rem; }

/* Standard Hyperlink Colours */
a:link {
  color: #7bba33; }

a:active {
  color: #7bba33; }

a:visited {
  color: #7bba33; }

a:hover {
  color: black; }

/* Related Typography Classes */
p.introduction, div.introduction.wpcf7-validation-errors, div.introduction.wpcf7-mail-sent-ok {
  font-size: 1.2rem;
  color: rgba(0, 0, 0, 0.5);
  text-align: center; }

p.cta-text, div.cta-text.wpcf7-validation-errors, div.cta-text.wpcf7-mail-sent-ok {
  color: rgba(0, 0, 0, 0.5); }

span.feedback-date {
  color: rgba(204, 204, 204, 0.7); }

span.footer-number {
  font-size: 1.4rem; }

cite {
  color: #7bba33; }

span.section-header {
  text-align: center; }

hr {
  color: #7bba33; }

/* Media Queries */
@media only screen and (min-width: 0em) and (max-width: 50em) {
  html {
    font-size: 90%; }

  .align-left {
    text-align: center; }

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

  .align-right {
    text-align: center; }

  .align-left-fix {
    text-align: left; }

  .align-right-fix {
    text-align: right; } }
@media only screen and (min-width: 50em) {
  html {
    font-size: 100%; }

  .align-left {
    text-align: left; }

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

  .align-right {
    text-align: right; }

  .align-left-fix {
    text-align: left; }

  .align-right-fix {
    text-align: right; } }
/* HEADER */
body {
  background-color: rgba(204, 204, 204, 0.7); }

/* CONTENT WRAPPERS */
div.page-wrap {
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
  width: 80%;
  margin: 0 auto 2rem auto;
  text-align: center;
  background-color: white; }

/* SECTION WRAPS */
section {
  margin: 0;
  padding: 2rem;
  height: auto;
  overflow: overlay; }

/* GLOBAL */
.strip-padding {
  padding: 0 !important; }

.strip-margin {
  margin: 0 !important; }

.padded {
  padding: 1.5rem; }

/* Media Queries */
@media only screen and (min-width: 0em) and (max-width: 80em) {
  section.contact {
    margin-bottom: 0; }

  img.logo {
    margin: auto;
    width: 300px; }

  div.page-wrap {
    width: 100%;
    margin-bottom: 0;
    border-radius: 0; }

  .strip-padding {
    padding: 1rem; }

  .strip-margin {
    margin: 1rem; } }
@media only screen and (min-width: 1200px) {
  div.page-wrap {
    width: 1200px; } }
/* Call to Action Button */
a.cta:link,
a.cta:active,
a.cta:visited {
  padding: 0.6rem 1rem;
  text-transform: uppercase;
  font-size: 0.8rem;
  background-color: #7bba33;
  color: white;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
  color: white; }

a.cta:hover {
  color: white;
  background-color: #679934; }

/* CONTACT FORM */
div.contact-form {
  padding-left: 4rem;
  border-left: 1px solid rgba(204, 204, 204, 0.7); }

textarea,
input[type='text'],
input[type='email'],
input[type='tel'] {
  width: 50%;
  margin-top: 0.5rem;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  color: #7bba33;
  padding: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #7bba33; }

input[type='submit'] {
  margin: 1rem;
  font-family: "Open Sans", sans-serif;
  border: none;
  background-color: #7bba33;
  color: white;
  margin: auto;
  padding: 0.3rem 1.2rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem; }

input[type='submit']:hover {
  background-color: #a77b52;
  cursor: pointer; }

textarea {
  resize: none; }

input:focus, textarea:focus {
  background-color: #7bba33;
  color: white;
  outline: none; }

div.wpcf7-validation-errors {
  border: none !important;
  color: red; }

div.wpcf7-mail-sent-ok {
  border: none !important;
  color: #7bba33; }

/* MEDIA QUERIES */
@media only screen and (min-width: 0em) and (max-width: 80em) {
  div.contact-form {
    padding-left: 0;
    border-left: none; } }
@media only screen and (max-width: 50em) {
  textarea,
  input[type='text'],
  input[type='email'],
  input[type='tel'] {
    width: 90%;
    margin-top: 0.5rem;
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    color: #7bba33;
    padding: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    border: 1px solid #7bba33; } }
/* Header */
header#header {
  width: 80%;
  margin: auto;
  text-align: center;
  background-color: white;
  padding: 2rem;
  margin-top: 2rem;
  background: url("images/banner.jpg") no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  border-bottom: 5px solid #7bba33; }

/* Logo */
div.logo-wrap {
  float: left;
  width: 300px;
  margin: 1rem;
  padding: 1rem;
  background-color: rgba(255, 255, 255, 0.9);
  overflow: overlay; }

img.logo {
  width: 100%;
  height: auto; }

/* Navigation */
nav#nav {
  float: right;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 1rem; }

nav#nav div ul li {
  display: inline;
  margin: 1rem; }

/* Navigation Hyperlink Colours */
a:link {
  color: black; }

a:active {
  color: black; }

a:visited {
  color: black; }

a:hover {
  color: #7bba33; }

/* Media Queries */
@media only screen and (min-width: 1200px) {
  header#header {
    width: 1200px; } }
@media only screen and (max-width: 50em) {
  div.logo-wrap {
    float: left;
    width: 100%;
    margin: 0rem;
    padding: 1rem;
    background-color: rgba(255, 255, 255, 0.9);
    overflow: overlay; } }
/* FOOTER */
footer {
  margin-top: 2rem;
  padding: 2rem;
  color: white;
  background-color: #7bba33; }

/* Intro Section */
section.introduction {
  margin-top: 0;
  padding: 2rem; }

/* Services Section */
div.services-panel {
  padding: 0 2rem;
  margin-top: 0; }

img.services-image {
  width: 200px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 8px solid rgba(204, 204, 204, 0.7); }

/* Testimonial Section */
section.feedback {
  background-color: rgba(0, 0, 0, 0.05);
  margin: 2rem 0; }

.feedback span.section-header h1 {
  color: rgba(0, 0, 0, 0.5) !important; }

.feedback span.feedback-date,
.feedback cite {
  color: rgba(0, 0, 0, 0.5); }

div.testimonial-wrap {
  width: 100%; }

/* Testimonials */
.testimonial-panel {
  padding: 0 4rem; }

/* Tables */

table { width: 100%; margin: 2em auto; }

table tr thead { font-style: bold;}

table tr td { border: 1px solid green; padding: 0.5em;}