/*
  *** TABLE OF CONTENTS ***
  ------------------------------------------------------------------------------  
  Following the name of each section is -n- and a 3 or 4 digit code, for example
  abc, which you can use find next to skip to the next section.
  ------------------------------------------------------------------------------
  
  Base          = !bas
  Modules       = !mdl
  Primary       = !prm
  Home Page     = !hpg
  WooCommerce   = !wcm
  Media Queries = !mdq 
  
  Header        = !hdr
  Content       = !cnt
  Main          = !main
  Sidebar       = !sdb
  Footer        = !ftr

*/

@import url(https://fonts.googleapis.com/css?family=Podkova);
@import url(https://fonts.googleapis.com/css?family=Great+Vibes);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);

/* ==========================================================================
   Base -n- !bse   
   ========================================================================== */

html, body, button,
input, select, textarea {
  font-family: "Lato", sans-serif;
  color: #3C3C24;
  font-weight: 400;
}

body {
  font-size: 13px;
  line-height: 1.5;
  word-wrap: break-word;
}
body.home { background: url(../img/background.jpg) repeat-x top center #fff; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Podkova", serif;
  font-weight: 400;
  text-rendering: optimizelegibility;
  color: inherit;
}
h1, .h1 {
  margin-bottom: 0.67em;
  font-size: 2em;
  line-height: 1.2;
}
h2, .h2 {
  margin-bottom: 0.83em;
  font-size: 1.5em;
  line-height: 1.2;
}
h3, .h3 {
  margin-bottom: 1em;
  font-size: 1.17em;
  line-height: 1.3;
}
h4, .h4 {
  margin-bottom: 1.33em;
  font-size: 1em;
  line-height: 1.25;
}
h5, .h5 {
  margin-bottom: 1.67em;
  font-size: .83em;
}
h6, .h6 {
  margin-bottom: 2.33em;
  font-size: .67em;
}

b, strong {
  font-weight: 700;
}

p,
menu,
figure,
fieldset,
ul, ol, dl,
blockquote,
table,
form,
pre,
hr {
  margin-bottom: 1em;
}

ul ul, ol ol,
ul ol, ol ul {
  margin: 0;
}

mark {
    background: #ff0;
    color: #000;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

hr {
  display: block;
  height: 2px;
  border: 0;
  border-top: 1px solid #ccc;
  background: #fff;
}

/* http://css-tricks.com/snippets/css/style-placeholder-text/ */
::-webkit-input-placeholder { color: #bfbfbf; text-shadow: none; }
:-moz-placeholder { color: #bfbfbf; text-shadow: none; /* Firefox 18- */ }
::-moz-placeholder { color: #bfbfbf; text-shadow: none; /* Firefox 19+ */ }
:-ms-input-placeholder { color: #bfbfbf; text-shadow: none; }

a { color: #315150; text-decoration: none; }
a:visited { color: #426465; }
a:hover { color: #426465; }

.button,
#submit,
.submitbutton,
a.shipping-calculator-button,
input[type="submit"] {
  display: inline-block;
  padding: 8px 16px;
  background: #3e5e5d; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNlNWU1ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNDNjM2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #3e5e5d 0%, #243c3c 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e5e5d), color-stop(100%,#243c3c)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #3e5e5d 0%,#243c3c 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #3e5e5d 0%,#243c3c 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #3e5e5d 0%,#243c3c 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #3e5e5d 0%,#243c3c 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e5e5d', endColorstr='#243c3c',GradientType=0 ); /* IE6-8 */
  border: none;
  border-radius: 4px;
  font-size: 1em;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 1px 1px 1px rgba(0, 0, 0, .3);
  color: #ffffff!important;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  -webkit-appearance: none;
}
.orange-button,
.header #searchform input[type="submit"],
.footer-consultation #footer-form input[type="submit"] {
  background: #ff8e62; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOGU2MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjY2M2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #ff8e62 0%, #ff663a 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8e62), color-stop(100%,#ff663a)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ff8e62 0%,#ff663a 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ff8e62 0%,#ff663a 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ff8e62 0%,#ff663a 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ff8e62 0%,#ff663a 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8e62', endColorstr='#ff663a',GradientType=0 ); /* IE6-8 */
}

.button:hover,
#submit:hover,
.submitbutton:hover
a.shipping-calculator-button:hover,
input[type="submit"]:hover {
  background: #243c3c; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0M2MzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZTVlNWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #243c3c 0%, #3e5e5d 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#243c3c), color-stop(100%,#3e5e5d)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #243c3c 0%,#3e5e5d 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #243c3c 0%,#3e5e5d 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #243c3c 0%,#3e5e5d 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #243c3c 0%,#3e5e5d 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#243c3c', endColorstr='#3e5e5d',GradientType=0 ); /* IE6-8 */
  color: #ffffff;
}
.orange-button:hover,
.header #searchform input[type="submit"]:hover,
.footer-consultation #footer-form input[type="submit"]:hover {
  background: #ff663a; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNjYzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjhlNjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #ff663a 0%, #ff8e62 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff663a), color-stop(100%,#ff8e62)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ff663a 0%,#ff8e62 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ff663a 0%,#ff8e62 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ff663a 0%,#ff8e62 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ff663a 0%,#ff8e62 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff663a', endColorstr='#ff8e62',GradientType=0 ); /* IE6-8 */
}

.button:visited {
  color: #fff;
}

.nav a { text-decoration: none; }

/* ==|== Chrome Frame Prompt =========================================== */

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0;
}

/* ==========================================================================
   Modules -n- !nrm   
   ========================================================================== */

/* == Flexslider == */
/* control nav */
.flex-control-nav {
  bottom: 6px;
  right: 0px; 
  text-align: center;
  display: none;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  background: #f0ebdd;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.flex-control-paging li a:hover { opacity: 0.8; filter: alpha(opacity=80);}
.flex-control-paging li a.flex-active { opacity: 1; filter: alpha(opacity=100); }
/* direction nav */
.flex-direction-nav { display: none; }
.flex-direction-nav a,
.flex-direction-nav a:hover,
.flex-direction-nav a:visited {
  color: #fff;
}
.flex-direction-nav a {
  width: 1.5em;
  height: 1.5em;
  margin: -.55em 0 0;
  opacity: 0;
  filter: alpha(opacity=00);
  font-size: 24px;
  line-height: 1.5em;
  vertical-align: middle;
  text-align: center;
}
.flexslider:hover .flex-next {opacity: 0.4; filter: alpha(opacity=40);}
.flexslider:hover .flex-prev {opacity: 0.4; filter: alpha(opacity=40);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 0.6; filter: alpha(opacity=60);}
.flex-direction-nav .flex-disabled {opacity: 0.25!important; filter: alpha(opacity=25);}
.flexslider:hover .flex-next {right: 5px;}
.flexslider:hover .flex-prev {left: 5px;}
/* End Flexslider */

/* Social Links */
.social-links { padding: 0; font-size: 24px; line-height: 1; list-style: none; }
.social-links li { float: left; margin-left: 0.2em; }
.social-links li:first-child { margin-left: 0; }
.social-links a { display: block; text-decoration: none; }
.social-links a, .social-links a:visited { color: #06c; }
.social-links a:hover { color: #09f; }

/* ==========================================================================
   Primary Styles -n- !prm  
   ========================================================================== */
   
.nav { margin: 0; padding: 0; }

/* ==|== Header !hdr -n- ====================================================== */

.top-menu {
  background: url(../img/lightgreen.jpg);
  font-family: "Podkova", serif;
  color: #A2DDDB;
  padding: 0 0 2px;
}
  .top-menu p { float: left; font-size: 120%; margin: 0; }
    .top-menu p a { color: #fff; }
  .top-menu nav { clear: none; float: right; margin: 2px 0 0; }
    .top-menu nav a { color: #A2DDDB; border-right: 1px solid #A2DDDB; }
    .top-menu nav .Last a { border: none; padding-right: 0; }
    .top-menu nav a:hover { color: #fff!important; }

.header { 
  background: url(../img/darkgreen.jpg);
  font-family: "Podkova", serif;
  border-bottom: 5px solid #C5C7C6;
}

.header-inner {
  padding-top: 15px;
  padding-bottom: 15px;
}

.logo { float: left; margin: 0; line-height: 1; width: 30%; }

.slogan { 
  clear: none; 
  float: left; 
  width: 33%; 
  text-align: center; 
  font-size: 130%;
  color: #fff;
  margin: 12px 0 0;
}

.header-aux { clear: none; float: right; width: 33%; text-align: right; margin: -8px 0 0; }
  .header-aux .phone { color: #A2DDDB; font-size: 110%; margin-bottom: 5px; }
    .header-aux .phone span { font-size: 130%; color: #fff; }
  .header-aux #searchform { clear: both; float: right; border: none; border-radius: 4px; margin: 0; box-shadow: 0 0 2px rgba(255, 255, 255, .5); }
    .header-aux #searchform label { display: none; }
    .header-aux #searchform input[type="text"] { 
      float: left; 
      background: url(../img/search.png) no-repeat center left #fff; 
      padding: 3px 5px 3px 22px; 
      border: none; 
      border-radius: 4px 0 0 4px; 
      height: 29px;
    }
    .header-aux #searchform input[type="submit"] { 
      clear: none; 
      float: left; 
      border-radius: 0 4px 4px 0; 
      box-shadow: none; 
      padding: 6px 8px 7px;
    }
  .header-aux .social-media { clear: none; float: right; margin: 3px 5px 0 0; padding: 0; list-style: none; }
    .header-aux .social-media li { display: inline-block; margin-left: 2px; }

/* Navigation */
.main-nav-wrap { position: relative; z-index: 1000; }
.main-nav .nav { position: relative; left: 0; display: block; float: left; margin: 0; font-family: "Podkova", serif; font-size: 16px; }
.main-nav .nav > li { display: block; float: left; }
.main-nav .nav > li > a {
  display: block;
  padding: 10px 32px 11px 0;
  color: #222;
}
.main-nav .nav .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin: 8px 0 0 2px;
  text-indent: -99999px;
  vertical-align: top;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #fff;
  opacity: 0.3;
  filter: alpha(opacity=30);
  content: "\2193";
}
.main-nav .nav > li > a:hover,
.main-nav .nav > li.dropdown.open > a,
.main-nav .nav > li.current-menu-item > a,
.main-nav .nav > li.current-menu-parent > a,
.main-nav .nav > li.current-menu-ancestor > a,
.main-nav .nav > li.current_page_ancestor > a {
  color: #579192;
}
.main-nav .nav li > a:hover > .caret,
.main-nav .nav li.dropdown.open > a > .caret
.main-nav .nav li.current-menu-item > a > .caret,
.main-nav .nav li.current-menu-parent > a > .caret,
.main-nav .nav li.current-menu-ancestor > a > .caret,
.main-nav .nav li.current_page_ancestor > a > .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* Drop Down */
.main-nav .nav .dropdown { position: relative; }
.main-nav .nav .dropdown-toggle { *margin-bottom: -3px; }
.main-nav .nav .dropdown-toggle:active, .dropdown.open .dropdown-toggle { outline: 0; }
.main-nav .nav .dropdown-content {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  max-width: 220px;
  padding: 4px 0;
  margin: 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.main-nav .nav .dropdown-content:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  position: absolute;
  top: -7px;
  left: 9px;
}
.main-nav .nav .dropdown-content:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 10px;
}
.main-nav .nav .dropdown.open { *z-index: 1000; }
.main-nav .nav .dropdown.open > .dropdown-content { display: block; }
/*uncomment for hover dropdowns*/
/*.main-nav .nav > .dropdown:hover > .dropdown-content { display: block; }*/
.main-nav .nav .dropdown-content li a {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: 400;
  color: #555555;
  white-space: nowrap;
}
.main-nav .nav .dropdown-content li > a:hover { color: #fff; background: #08c; }
.main-nav .nav .dropdown-content .dropdown.open > a {
  color: #fff;
  background: #08c;
}
.main-nav .nav .dropdown-content .current-menu-item > a,
.main-nav .nav .dropdown-content .current-menu-parent > a,
.main-nav .nav .dropdown-content .current-menu-ancestor > a,
.main-nav .nav .dropdown-content .current_page_ancestor > a {
  color: #fff;
  background: #afafaf;
}

/* 2nd level and below drop down styles */
.main-nav .nav ul .caret {
  position: absolute;
  right: 8px;
  top: 2px;
  border-top: 4px solid transparent;
  border-left: 4px solid #777;
  border-bottom: 4px solid transparent;
  opacity: 0.3;
  filter: alpha(opacity=30);
  content: "\2193";
}
.main-nav .nav ul .dropdown.open > .dropdown-toggle > .caret,
.main-nav .nav ul .dropdown-toggle:hover > .caret {
  border-left: 4px solid #fff;
}
.main-nav .nav ul > .dropdown.open > .dropdown-toggle > .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}
.main-nav .nav ul .dropdown-content {
  top: -3px;
  left: 157px;
  padding-left: 2px;
  padding-right: 2px;
}
.main-nav .nav ul .dropdown-content:before {
  border-top: 7px solid transparent;
  border-left: none;
  border-right: 7px solid #ccc;
  border-bottom: 7px solid transparent;
  top: 7px;
  left: -7px;
}
.main-nav .nav ul .dropdown-content:after {
  border-top: 6px solid transparent;
  border-left: none;
  border-right: 6px solid #fff;
  border-bottom: 6px solid transparent;
  top: 8px;
  left: -6px;
}
/* End Main Navigation */

.utility-nav {float: right;}
.utility-nav ul { text-align: right; }
.utility-nav li { display: inline-block; }
.utility-nav a { padding: 0 8px; }
.utility-nav a, .utility-nav a:visited { color: #06c; }
.utility-nav ul li a:hover,
.utility-nav ul li.current-menu-item a, 
.utility-nav ul li.current-menu-parent a,
.utility-nav ul li.current-menu-ancestor a,
.utility-nav ul li.current_page_ancestor a {
  color: #09c;
}


/* ==|== Content !cnt -n- ===================================================== */

#content-wrap {}
#content {}

/* ==|== Main !main -n- ======================================================= */

.main { float: right; }
.page-title {}

/* ==|== Sidebar !sdb -n- ===================================================== */

.sidebar { clear: none; float: left; margin: 0; }
  .sidebar .widget h3 { color: #fff; background: #426465; padding: 2px 8px; font-size: 18px; margin: 0 0 10px; }
  .sidebar .widget ul { list-style: none; padding: 0; margin: 0; }
    .sidebar .widget ul li { display: block; clear: both; float: left; width: 100%; margin: 0 0 5px; }
      .sidebar .widget ul li a { font-weight: bold; }
      .sidebar .widget ul li span.post-date { font-style: italic; color: #999; font-size: 90%; }

/* ==|== footer !ftr -n- ====================================================== */

.footer { background: url(../img/darkgreen.jpg); padding: 15px 0 10px; }

.footer-nav { font-family: "Podkova", serif; text-transform: uppercase; }
.footer-nav > ul { text-align: left; margin: 0 0 0.75em; }
.footer-nav > ul > li { display: inline; }
.footer-nav > ul > li > a { padding: 0 10px; color: #A2DDDB; }
.footer-nav > ul > li:first-child > a { padding-left: 0; }
.footer-nav ul ul { display: none; }
.footer-nav ul li a:hover,
.footer-nav ul li.current-menu-item a, 
.footer-nav ul li.current-menu-parent a,
.footer-nav ul li.current-menu-ancestor a,
.footer-nav ul li.current_page_ancestor {
  color: #fff;
}

.footer .utility-nav { font-family: "Podkova", serif; text-transform: uppercase; clear: both; float: left; }
  .footer .utility-nav a { color: #fff; border-right: 1px solid #fff; padding: 0 8px; font-size: 12px; }
  .footer .utility-nav a:hover { color: #A2DDDB; }
  .footer .utility-nav .First a { padding-left: 0; }
  .footer .utility-nav .Last a { border-right: none; }

.footer-testimonials { padding: 15px 0; background: #F0F2F1; text-align: center; font-size: 95%; margin-top: 20px; }
  .footer-testimonials h2 { margin: 0 0 5px; font-size: 20px; }
  .footer-testimonials p { margin-bottom: 5px; }
  .footer-testimonials span.customer-name { font-family: "Great Vibes", cursive; display: inline-block; margin-bottom: 10px; font-size: 20px; }

.footer-consultation { padding: 8px 0; background: url(../img/lightgreen.jpg); }
  .footer-consultation form { display: block; float: left; width: 100%; margin: 0; }
    .footer-consultation .gform_heading { float: left; width: 23%; }
      .footer-consultation h3 { color: #fff; text-transform: uppercase; font-weight: 400!important; float: left; margin: 0!important; font-size: 20px!important; }
    .footer-consultation .gform_body { clear: none; float: left; width: 62%; }
      .footer-consultation .gform_body ul { display: block; width: 100%; float: left; padding: 0; margin: 0; list-style: none; }
        .footer-consultation .gform_body li { list-style: none; clear: none; float: left; width: 32%; margin-right: 1%; }
        .footer-consultation .gform_body li.gform_validation_container { display: none; }
          .footer-consultation .gform_body li label { display: none; }
          .footer-consultation .gform_body li input { width: 100%!important; border-radius: 4px; font-size: 11px; height: 27px; border: none; box-shadow: 1px 1px 0 rgba(0, 0, 0, .4); }
    .footer-consultation .gform_footer { clear: none; float: right; width: 15%; text-align: right; }
      .footer-consultation .gform_footer input[type="submit"] { padding: 5px 16px; }

.footer-widget { margin-bottom: 1em; }

.copyright { clear: none; float: right; color: #fff; font-size: 11px; }
  .copyright a { color: #fff; text-decoration: none; }
.copyright small { font-size: 0.85em; }
.design-by { font-size: 0.8em; }

/* ==========================================================================
   WooCommerce -n- !wcm  
   ========================================================================== */

.woocommerce-breadcrumb a, .woocommerce-breadcrumb a:visited { color: #06c; }
.woocommerce-breadcrumb a:hover { color: #048 }

.woocommerce ul.products h2, .woocommerce ul.products h3 { color: #06c; }
.woocommerce ul.products .star-rating { color: #06c; }
.woocommerce ul.products .price { color: #06c; }
.woocommerce ul.products .button { color: #fff; }

/* ==========================================================================
   Home Page -n- !hpg
   ========================================================================== */
#home-slideshow { background: none; height: 380px; margin: 0 0 15px; }
  #home-slideshow li { width: 930px; height: 370px; padding: 10px 0 0 10px; }
    #home-slideshow li img { position: absolute; z-index: 1; top: 0; left: 0; }
    #home-slideshow li .slide-content { 
      position: relative; 
      z-index: 2; 
      width: 345px; 
      padding: 20px 20px 10px; 
      background: rgb(22, 67, 47);
      background: rgba(22, 67, 47, .45); 
      color: #fff;
      box-shadow: 4px 4px 4px rgba(0, 0, 0, .4);
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
    }
      #home-slideshow li .slide-content h2 { 
        font-family: "Lato", sans-serif; 
        text-transform: uppercase; 
        font-weight: 700; 
        font-size: 21px; 
        text-align: center;
        margin: 0 0 10px;
        letter-spacing: 1px;
      }
    #home-slideshow a.button { position: absolute; z-index: 2; bottom: 15px; left: 25px; }

#home-cta { clear: both; float: left; width: 100%; }
  #home-cta .unit { clear: none; float: left; width:303px; margin: 0 15px 25px 0; }
  #home-cta .unit.Last { margin-right: 0; }
    #home-cta .unit img { margin-bottom: 10px; }
    #home-cta .unit h2 { margin-bottom: 10px; }
    #home-cta .unit .button { font-size: 11px; }

#home-seo { clear: both; float: left; width: 100%; }
  #home-seo .content { float: left; width: 490px; }
  #home-seo img { clear: none; float: right; }

/* ==========================================================================
   Inner Pages
   ========================================================================== */
.inner-page-banner { margin: 0 0 10px; }

/* ==========================================================================
   Portfolio Categories Page
   ========================================================================== */
#portfolio-categories { clear: both; float: left; width: 100%; }
  #portfolio-categories .unit { clear: none; float: left; width:303px; margin: 0 15px 25px 0; }
  #portfolio-categories .unit.Third { margin-right: 0; }
    #portfolio-categories .unit img { margin-bottom: 10px; }
    #portfolio-categories .unit h2 { margin-bottom: 10px; }

/* ==========================================================================
   Portfolio Gallery Page
   ========================================================================== */
#portfolio-gallery ul { padding: 0; margin: 0; }
  #portfolio-gallery li { list-style: none; width: 21%; padding: 0; margin: 0 2% 10px; display: block; clear: none; float: left; }
  #portfolio-gallery li.Fourth { clear: both!important; }
    #portfolio-gallery li img { border: 2px solid #416364; }

/* ==========================================================================
   Blog Posts  
   ========================================================================== */
.single-post .page-title h1 { border-bottom: 3px solid #C5C7C6; padding-bottom: 0; margin-bottom: 15px; }

.single-post .post-meta .post-author { display: none; }
.single-post .post-meta .post-date { font-style: italic; color: #999; font-size: 90%; }
  .single-post .post-meta .post-date dt { display: none; }
.single-post .post-meta .post-cats { display: none; }
.single-post .post-meta .post-edit-link { display: none; }

.single-post #comments { border-top: 3px solid #C5C7C6; padding-top: 10px; margin-top: 15px; }
  .single-post #comments li { padding: 10px; margin: 0 0 15px; border: 2px solid #436566; }

.single-post #respond { padding: 10px; background: #C4E0D7; }

/* ==========================================================================
   Testimonials  
   ========================================================================== */
.archive-testimonial { clear: both; float: left; width: 100%; margin-bottom: 15px; border-bottom: 1px solid #C5C7C6; }
.archive-testimonial h2 { font-size: 22px; }
.single-testimonial .post-meta, .archive-testimonial .post-meta { text-align: right; }
  .single-testimonial .post-meta span, .archive-testimonial .post-meta span { font-family: "Great Vibes", cursive; font-size: 150%; }
  .single-testimonial .post-meta em, .archive-testimonial .post-meta em { color: #999; }

.submit-testimonial { clear: both; float: left; width: 100%; text-align: center; padding: 0 0 15px; }
  .submit-testimonial .create-button { margin: 0 0 15px; }
  .submit-testimonial .testimonial-form { display: none; }
    .submit-testimonial .testimonial-form .gform_heading { margin: 0 0 10px; }
    .submit-testimonial .testimonial-form ul { list-style: none; padding: 0; margin: 0; }
      .submit-testimonial .testimonial-form ul li { display: block; margin: 0 0 10px; }
      .submit-testimonial .testimonial-form ul li.gform_validation_container { display: none; }
        .submit-testimonial .testimonial-form ul li label { display: none; }

/* ==========================================================================
   Default Forms  
   ========================================================================== */
.main .gform_wrapper ul { padding: 0; margin: 0; list-style: none; }
  .main .gform_wrapper ul li { display: block; clear: both; float: left; width: 100%; margin: 0 0 10px; }

/* ==========================================================================
   Media Queries -n- !mdq   
   ========================================================================== */

@media screen and (min-width: 960px) {
  .mobile .main-nav-wrap { display: block !important; overflow: visible !important; }
}
.oldie .main-nav-wrap { display: block !important; overflow: visible !important; }
