/*************************************************************************************************************************
Screen smaller than 680px
*************************************************************************************************************************/
@media all and (max-width: 680px) {

  /* Overall */
  .container {margin: 10px auto; width: 95%; overflow: hidden; background: #fff;}
  .header {position: relative; width: 100%; margin: 0 auto; padding: 0 0 30px 0;}
  .section,
  .section-wide {clear: both; margin: 3%;}
  .aside {clear: both; background: #d5ebde; padding: 1%; margin: 3%;}
  .aside-inner {border: 2px solid #fff; padding: 5%;}
  .footer {clear: both; overflow: hidden; padding: 5px 0; background: #fce2d3; color: #555;}

  .header-form {clear: both; overflow: hidden; position: absolute; bottom: 20px; right: 0;}
  .header-text {width: 150px; margin-right: 5px; border: 1px solid #bbb;}

  /* .nav */
  .mobile-nav {clear: both; background: #fff; width: 94%; margin: 0 auto;}
  .nav {position: relative; background: #fce2d3; width: 100%; padding: 10px 0; clear: both; text-align: center; text-transform: uppercase; line-height: 1em; font: 400 .9em 'Montserrat', Arial, Verdana, Sans-serif;}
  .nav-inner {display: none; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
  .nav ul {display: none; list-style: none;}
  .nav a {display: block; padding: 15px; color: #646265;}
  .nav a:hover {color: #646265;}
  .nav a span {display: block; font-size: .8em; font-style: italic;}

  .nav .current-menu-item > a,
  .nav .current-menu-ancestor > a,
  .nav .current_page_item > a,
  .nav .current_page_ancestor > a {background: #d5ebde;}

  .nav li {display: inline-block; position: relative; z-index: 100;}
  .nav li:hover {background: #d5ebde;}
  .nav li:hover > ul {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  zoom: 1;
  visibility: visible;
  }

  .nav ul li.has-sub > a {background: url('images/menu_down.gif') no-repeat right center;}
  .nav ul ul li.has-sub > a {background: url('images/menu_right.gif') no-repeat right center;}

  .nav ul ul a {display: block; padding: 15px; position: relative;}
  .nav ul ul {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  zoom: 1;
  visibility: hidden;
  position: absolute; width: 240px; background: #fce2d3; z-index: 200; text-align: left;}
  .nav ul ul li {display: block; float: none;}

  .nav ul ul ul {position: absolute; left: 240px; top: 0;}

  /* .flexslider */
  .flexslider {width: 100%; overflow: hidden; margin: 0 auto; padding: 0;}
  .flexslider .flexslides {list-style: none;}
  .flexslider .flexslides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
  .flex-pauseplay span {text-transform: capitalize;}

  /* Clearfix for the .slides element */
  .flexslides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
  html[xmlns] .flexslides {display: block;}
  * html .flexslides {height: 1%;}

  /* No JavaScript Fallback */
  /* If you are not using another script, such as Modernizr, make sure you
  * include js that eliminates this class on page load */
  .no-js .flexslides > li:first-child {display: block;}

  /* .flexslider theme */
  .flexslider {background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}
  .flexslider .flexslides {zoom: 1;}
  .flexslider .flexslides > li {position: relative;}
  .flexslider .flexslides img {display: block; width: 100%; height: auto;}
  .flex-container {zoom: 1; position: relative;}

  .flex-caption {position: absolute; right: 30px; top: 30px; z-index: 8; color: #fff; text-shadow: 1px 1px 0 #000;}
  .flex-caption h3 {color: #fff; text-shadow: 1px 1px 0 #000; font-size: 4em;}

  .flex-direction-nav {display: block; list-style: none;}
  .flex-direction-nav li a.flex-next {position: absolute; right: 0; top: 45%; display: none; z-index: 100; width: 40px; height: 50px; background: url('images/slide_nav.gif') no-repeat -40px 0; text-indent: -9999px; cursor: pointer;}
  .flex-direction-nav li a.flex-prev {position: absolute; left: 0; top: 45%; display: none; z-index: 100; width: 40px; height: 50px; background: url('images/slide_nav.gif') no-repeat 0 0; text-indent: -9999px; cursor: pointer;}
  .flexslider:hover a.flex-next,
  .flexslider:hover a.flex-prev {display: block;}
  
  .flex-control-nav {list-style: none; position: absolute; bottom: 10px; z-index: 100; width: 100%; text-align: center;}
  .flex-control-nav li {display: inline-block;}
  .flex-control-nav li a {cursor: pointer; display: block; width: 16px; height: 16px; background: #646265; text-indent: -9999em; margin: 0 3px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
  .flex-control-nav li a:hover,
  .flex-control-nav li a.flex-active {background: #fce2d3;}

  /* .home-widgets-wrap */
  .home-widgets-wrap {clear: both; width: 94%; margin: 20px auto 40px auto; overflow: hidden;}
  .home-widgets {background: #d5ebde;}
  .home-widget {padding: 5px;}
  .home-widget-inner {padding: 20px; border: 2px solid #fff;}
  .home-widget-inner h4 {font: 400 1.4em 'Montserrat', Arial, Verdana, Sans-serif; text-transform: uppercase; margin-bottom: 10px; color: #666;}

  /* .article */
  .article ul.post-meta {clear: both; border-bottom: 1px solid #ccc; overflow: hidden; font-size: .9em; margin: 5px 0; list-style: none;}
  .article ul.post-meta li {float: left; margin-right: 20px;}

  /* .footer */
  .footer-wrap {overflow: hidden; padding: 30px 60px; font-size: .9em; line-height: 1.8em; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
  .footer-inner {overflow: hidden; font-size: .9em; line-height: 1.8em;}
  .footer-left,
  .footer-right {clear: both; line-height: 1.8em;}
  .footer-widget {display: block; margin-bottom: 20px;}
  .footer-widget h4 {font: 400 1.5em 'Montserrat', Arial, Verdana, Sans-serif; text-transform: uppercase; margin-bottom: 10px; color: #666;}
  .footer-widget ul {clear: both; list-style: none;}
  .footer-widget ul li {margin: 5px 0; line-height: 1.8em;}
  .footer-widget select {width: 98%; color: #888; margin: 5px 0; padding: 3px;}
  .footer-widget p {margin-bottom: 10px; line-height: 1.8em;}

  p.footer-copy {width: 95%; clear: both; font-size: .9em; overflow: hidden; padding: 10px 0; margin: 0 auto;}
  p.footer-copy .footer-credit {display: block; float: right; width: 55px; height: 11px; background: url('images/footer_credit.png') no-repeat 0 0; text-indent: -9999px;}

  .home-widget {margin-bottom: 20px;}

  /* Shortcodes */
  .left,
  .right,
  .col1,
  .col2,
  .col3,
  .col3-2,
  .col3-1 {clear: both; line-height: 1.8em;}

  .pullquote {width: 85% !important;}

  .sc-slide {position: relative; overflow: hidden; width: 100% !important; height: auto !important; margin: 0 0 20px 0; padding: 0;}

  /* Jigoshop */
  ul.products li {overflow: hidden; margin-bottom: 30px;}
  ul.products li .price {float: none; text-align: left;}
  ul.products li .onsale {margin: 0;}

  /* WooCommerce */
  .col2-set {}
  .col2-set .col-1 {clear: both; width: 100% !important;}
  .col2-set .col-2 {clear: both; width: 100% !important;}
  .product .images,
  .product .summary {clear: both; width: 100% !important;}
  div.product .woocommerce_tabs ul.tabs li a,
  #content div.product .woocommerce_tabs ul.tabs li a,
  div.product .woocommerce_tabs ul.tabs li.active a,
  #content div.product .woocommerce_tabs ul.tabs li.active a {font-size: 0.8em;}
  
  .woocommerce ul.products li,
  .woocommerce-page ul.products li {clear: both !important; width: 100% !important;}

  .woocommerce table.cart .product-thumbnail,
  .woocommerce-page table.cart .product-thumbnail,
  .woocommerce #content table.cart .product-thumbnail,
  .woocommerce-page #content table.cart .product-thumbnail {display: none;}
  
  .woocommerce table.cart .product-remove,
  .woocommerce-page table.cart .product-remove,
  .woocommerce #content table.cart .product-remove,
  .woocommerce-page #content table.cart .product-remove {display: none;}

  .woocommerce table.cart td.actions .button.alt,
  .woocommerce-page table.cart td.actions .button.alt,
  .woocommerce #content table.cart td.actions .button.alt,
  .woocommerce-page #content table.cart td.actions .button.alt {margin-top: 10px;}

}

/*************************************************************************************************************************
Screen between 681px and 980px
*************************************************************************************************************************/
@media all and (min-width: 681px) and (max-width: 1019px) {

  /* Overall */
  .container {margin: 10px auto; width: 95%; overflow: hidden; background: #fff;}
  .header {position: relative; width: 100%; margin: 0 auto; padding: 0 0 30px 0;}
  .section {float: left; width: 60%; margin: 3% 0 3% 3%;}
  .section-wide {clear: both; width: 94%; margin: 3%;}
  .aside {float: right; width: 28%; background: #d5ebde; padding: 1%; margin: 3% 3% 3% 0;}
  .aside-inner {border: 2px solid #fff; padding: 5%;}
  .footer {clear: both; overflow: hidden; padding: 5px 0; background: #fce2d3; color: #555;}

  .header-form {clear: both; overflow: hidden; position: absolute; bottom: 20px; right: 0;}
  .header-text {width: 150px; margin-right: 5px; border: 1px solid #bbb;}

  /* .nav */
  .mobile-nav {display: none;}
  .nav {position: relative; background: #fce2d3; width: 100%; padding: 5px 0; clear: both; text-align: center; text-transform: uppercase; line-height: 1em; font: 400 .9em 'Montserrat', Arial, Verdana, Sans-serif;}
  .nav-inner {border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
  .nav ul {list-style: none;}
  .nav a {display: block; padding: 10px; color: #888;}
  .nav a:hover {color: #333;}
  .nav a span {}

  .nav .current-menu-item > a,
  .nav .current-menu-ancestor > a,
  .nav .current_page_item > a,
  .nav .current_page_ancestor > a {color: #333;}
  
  .nav li {display: inline-block; *display: inline; zoom: 1; position: relative; z-index: 100;}

  .nav li:hover > ul {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  zoom: 1;
  visibility: visible;
  }

  .nav ul li.has-sub > a {background: url('images/menu_down.gif') no-repeat right center; padding-right: 15px;}
  .nav ul ul li.has-sub > a {background: url('images/menu_right.gif') no-repeat right center;}

  .nav ul ul a {display: block; padding: 10px; position: relative;}
  .nav ul ul {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  zoom: 1;
  visibility: hidden;
  position: absolute; width: 240px; background: #fce2d3; z-index: 200; text-align: left;}
  .nav ul ul li {display: block; float: none;}

  .nav ul ul ul {position: absolute; left: 240px; top: 0;}

  /* .flexslider */
  .flexslider {width: 100%; overflow: hidden; margin: 0 auto; padding: 0;}
  .flexslider .flexslides {list-style: none;}
  .flexslider .flexslides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
  .flex-pauseplay span {text-transform: capitalize;}

  /* Clearfix for the .slides element */
  .flexslides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
  html[xmlns] .flexslides {display: block;}
  * html .flexslides {height: 1%;}

  /* No JavaScript Fallback */
  /* If you are not using another script, such as Modernizr, make sure you
  * include js that eliminates this class on page load */
  .no-js .flexslides > li:first-child {display: block;}

  /* .flexslider theme */
  .flexslider {background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}
  .flexslider .flexslides {zoom: 1;}
  .flexslider .flexslides > li {position: relative;}
  .flexslider .flexslides img {display: block; width: 100%; height: auto;}
  .flex-container {zoom: 1; position: relative;}

  .flex-caption {position: absolute; right: 30px; top: 30px; z-index: 8; color: #fff; text-shadow: 1px 1px 0 #000;}
  .flex-caption h3 {color: #fff; text-shadow: 1px 1px 0 #000; font-size: 4em;}

  .flex-direction-nav {display: block; list-style: none;}
  .flex-direction-nav li a.flex-next {position: absolute; right: 0; top: 45%; display: none; z-index: 100; width: 40px; height: 50px; background: url('images/slide_nav.gif') no-repeat -40px 0; text-indent: -9999px; cursor: pointer;}
  .flex-direction-nav li a.flex-prev {position: absolute; left: 0; top: 45%; display: none; z-index: 100; width: 40px; height: 50px; background: url('images/slide_nav.gif') no-repeat 0 0; text-indent: -9999px; cursor: pointer;}
  .flexslider:hover a.flex-next,
  .flexslider:hover a.flex-prev {display: block;}
  
  .flex-control-nav {list-style: none; position: absolute; bottom: 10px; z-index: 100; width: 100%; text-align: center;}
  .flex-control-nav li {display: inline-block;}
  .flex-control-nav li a {cursor: pointer; display: block; width: 16px; height: 16px; background: #646265; text-indent: -9999em; margin: 0 3px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
  .flex-control-nav li a:hover,
  .flex-control-nav li a.flex-active {background: #fce2d3;}

  /* .home-widgets-wrap */
  .home-widgets-wrap {clear: both; width: 94%; margin: 20px auto 40px auto; overflow: hidden;}
  .home-widgets {background: #d5ebde;}
  .home-widget {padding: 5px;}
  .home-widget-inner {padding: 20px; border: 2px solid #fff;}
  .home-widget-inner h4 {font: 400 1.4em 'Montserrat', Arial, Verdana, Sans-serif; text-transform: uppercase; margin-bottom: 10px; color: #666;}

  /* .article */
  .article ul.post-meta {clear: both; border-bottom: 1px solid #ccc; overflow: hidden; font-size: .9em; margin: 5px 0; list-style: none;}
  .article ul.post-meta li {float: left; margin-right: 20px;}

  /* .footer */
  .footer-wrap {overflow: hidden; padding: 30px 60px; font-size: .9em; line-height: 1.8em; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
  .footer-inner {overflow: hidden; background: url('images/footer_bg.gif') repeat-y top center; font-size: .9em; line-height: 1.8em;}
  .footer-left {width: 45%; float: left; line-height: 1.8em;}
  .footer-right {width: 45%; float: right; line-height: 1.8em;}
  .footer-widget {display: block;}
  .footer-widget h4 {font: 400 1.5em 'Montserrat', Arial, Verdana, Sans-serif; text-transform: uppercase; margin-bottom: 10px; color: #666;}
  .footer-widget ul {clear: both; list-style: none;}
  .footer-widget ul li {margin: 5px 0; line-height: 1.8em;}
  .footer-widget select {width: 98%; color: #888; margin: 5px 0; padding: 3px;}
  .footer-widget p {margin-bottom: 10px; line-height: 1.8em;}

  p.footer-copy {width: 95%; clear: both; font-size: .9em; overflow: hidden; padding: 10px 0; margin: 0 auto;}
  p.footer-copy .footer-credit {display: block; float: right; width: 55px; height: 11px; background: url('images/footer_credit.png') no-repeat 0 0; text-indent: -9999px;}

  /* Shortcodes */
  .left {width: 46%; float: left; line-height: 1.8em;}
  .right {width: 46%; float: right; line-height: 1.8em;}

  .col1 {width: 32%; float: left; line-height: 1.8em;}
  .col2 {width: 32%; margin: 0 2%; float: left; line-height: 1.8em;}
  .col3 {width: 32%; float: right; line-height: 1.8em;}

  .col3-2 {width: 64%; float: left; line-height: 1.8em;}
  .col3-1 {width: 32%; float: right; line-height: 1.8em;}

  .sc-slide {position: relative; overflow: hidden; width: 100%; margin: 0 0 20px 0; padding: 0;}
  /* WooCommerce */
  .col2-set {}
  .col2-set .col-1 {clear: both; width: 100% !important;}
  .col2-set .col-2 {clear: both; width: 100% !important;}
  .product .images,
  .product .summary {clear: both; width: 100% !important;}
  div.product .woocommerce_tabs ul.tabs li a,
  #content div.product .woocommerce_tabs ul.tabs li a,
  div.product .woocommerce_tabs ul.tabs li.active a,
  #content div.product .woocommerce_tabs ul.tabs li.active a {font-size: 0.8em;}

}

/*************************************************************************************************************************
Screen larger than 981px
*************************************************************************************************************************/
@media all and (min-width: 1020px) {

  /* Overall */
  .container {margin: 10px auto; width: 1020px; overflow: hidden; background: #fff;}
  .header {position: relative; width: 1020px; margin: 0 auto; padding: 0 0 30px 0;}
  .section {float: left; width: 630px; margin: 30px 0 30px 30px;}
  .section-wide {clear: both; width: 960px; margin: 30px;}
  .aside {float: right; width: 290px; background: #d5ebde; padding: 5px; margin: 30px 30px 30px 0;}
  .aside-inner {border: 2px solid #fff; padding: 20px;}
  .footer {clear: both; overflow: hidden; padding: 5px 0; background: #fce2d3; color: #555;}

  .header-form {clear: both; overflow: hidden; position: absolute; bottom: 20px; right: 0;}
  .header-text {width: 150px; margin-right: 5px; border: 1px solid #bbb;}

  /* .nav */
  .mobile-nav {display: none;}
  .nav {position: relative; background: #fce2d3; width: 100%; padding: 5px 0; clear: both; text-align: center; text-transform: uppercase; line-height: 1em; font: 400 .9em 'Montserrat', Arial, Verdana, Sans-serif;}
  .nav-inner {border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
  .nav ul {list-style: none;}
  .nav a {display: block; padding: 15px;}
  .nav a:hover {color: #333;}
  .nav a span {}

  .nav .current-menu-item > a,
  .nav .current-menu-ancestor > a,
  .nav .current_page_item > a,
  .nav .current_page_ancestor > a {color: #333;}

  .nav li {display: inline-block; *display: inline; zoom: 1; position: relative; z-index: 100;}

  .nav li:hover > ul {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  zoom: 1;
  visibility: visible;
  height: auto;
  }

  .nav ul li.has-sub > a {background: url('images/menu_down.gif') no-repeat right center;}
  .nav ul ul li.has-sub > a {background: url('images/menu_right.gif') no-repeat right center;}

  .nav ul ul a {display: block; padding: 15px; position: relative;}
  .nav ul ul {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  zoom: 1;
  visibility: hidden;
  height: 0;
  position: absolute; width: 240px; background: #fce2d3; z-index: 1000; text-align: left;}
  .nav ul ul li {display: block; float: none; position: relative;}

  .nav ul ul ul {position: absolute; left: 240px; top: 0;}

  /* .flexslider */
  .flexslider {width: 960px; overflow: hidden; margin: 0 auto; padding: 0;}
  .flexslider .flexslides {list-style: none;}
  .flexslider .flexslides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
  .flex-pauseplay span {text-transform: capitalize;}

  /* Clearfix for the .slides element */
  .flexslides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
  html[xmlns] .flexslides {display: block;}
  * html .flexslides {height: 1%;}

  /* No JavaScript Fallback */
  /* If you are not using another script, such as Modernizr, make sure you
  * include js that eliminates this class on page load */
  .no-js .flexslides > li:first-child {display: block;}

  /* .flexslider theme */
  .flexslider {background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}
  .flexslider .flexslides {zoom: 1;}
  .flexslider .flexslides > li {position: relative;}
  .flexslider .flexslides img {display: block; width: 100%; height: auto;}
  .flex-container {zoom: 1; position: relative;}

  .flex-caption {position: absolute; right: 30px; top: 30px; z-index: 8; color: #fff; text-shadow: 1px 1px 0 #000;}
  .flex-caption h3 {color: #fff; text-shadow: 1px 1px 0 #000; font-size: 4em;}

  .flex-direction-nav {display: block; list-style: none;}
  .flex-direction-nav li a.flex-next {position: absolute; right: 0; top: 45%; display: none; z-index: 100; width: 40px; height: 50px; background: url('images/slide_nav.gif') no-repeat -40px 0; text-indent: -9999px; cursor: pointer;}
  .flex-direction-nav li a.flex-prev {position: absolute; left: 0; top: 45%; display: none; z-index: 100; width: 40px; height: 50px; background: url('images/slide_nav.gif') no-repeat 0 0; text-indent: -9999px; cursor: pointer;}
  .flexslider:hover a.flex-next,
  .flexslider:hover a.flex-prev {display: block;}
  
  .flex-control-nav {list-style: none; position: absolute; bottom: 10px; z-index: 100; width: 100%; text-align: center;}
  .flex-control-nav li {display: inline-block;}
  .flex-control-nav li a {cursor: pointer; display: block; width: 16px; height: 16px; background: #646265; text-indent: -9999em; margin: 0 3px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
  .flex-control-nav li a:hover,
  .flex-control-nav li a.flex-active {background: #fce2d3;}

  /* .home-widgets-wrap */
  .home-widgets-wrap {clear: both; width: 960px; margin: 20px auto 40px auto; overflow: hidden;}
  .home-widgets {background: #d5ebde;}
  .home-widget {padding: 5px;}
  .home-widget-inner {padding: 20px; border: 2px solid #fff;}
  .home-widget-inner h4 {font: 400 1.4em 'Montserrat', Arial, Verdana, Sans-serif; text-transform: uppercase; margin-bottom: 10px; color: #666;}

  /* .article */
  .article ul.post-meta {clear: both; border-bottom: 1px solid #ccc; overflow: hidden; font-size: .9em; margin: 5px 0; list-style: none;}
  .article ul.post-meta li {float: left; margin-right: 20px;}

  /* .footer */
  .footer-wrap {overflow: hidden; padding: 30px 60px; font-size: .9em; line-height: 1.8em; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
  .footer-inner {overflow: hidden; background: url('images/footer_bg.gif') repeat-y top center; font-size: .9em; line-height: 1.8em;}
  .footer-left {width: 45%; float: left; line-height: 1.8em;}
  .footer-right {width: 45%; float: right; line-height: 1.8em;}
  .footer-widget {display: block;}
  .footer-widget h4 {font: 400 1.5em 'Montserrat', Arial, Verdana, Sans-serif; text-transform: uppercase; margin-bottom: 10px; color: #666;}
  .footer-widget ul {clear: both; list-style: none;}
  .footer-widget ul li {margin: 5px 0; line-height: 1.8em;}
  .footer-widget select {width: 98%; color: #888; margin: 5px 0; padding: 3px;}
  .footer-widget p {margin-bottom: 10px; line-height: 1.8em;}

  p.footer-copy {width: 1020px; clear: both; font-size: .9em; overflow: hidden; padding: 10px 0; margin: 0 auto;}
  p.footer-copy .footer-credit {display: block; float: right; width: 55px; height: 11px; background: url('images/footer_credit.png') no-repeat 0 0; text-indent: -9999px;}

  /* Shortcodes */
  .left {width: 48%; float: left; line-height: 1.8em;}
  .right {width: 48%; float: right; line-height: 1.8em;}

  .col1 {width: 32%; float: left; line-height: 1.8em;}
  .col2 {width: 32%; margin: 0 2%; float: left; line-height: 1.8em;}
  .col3 {width: 32%; float: right; line-height: 1.8em;}

  .col3-2 {width: 64%; float: left; line-height: 1.8em;}
  .col3-1 {width: 32%; float: right; line-height: 1.8em;}

  .sc-slide {position: relative; overflow: hidden; width: 100%; margin: 0 0 20px 0; padding: 0;}

}


/* Overall */
body {font: 400 .9em 'PT Serif', Georgia, Times, Serif; color: #888; background: #fff url('images/background.jpg') repeat top center;}
body p {margin-bottom: 20px; line-height: 1.8em; word-wrap: break-word;}

/* hgroup */
h1,
h2,
h3,
h4,
h5,
h6 {line-height: 1.2em; margin-bottom: 15px; padding: 2px; font-family: 'Great Vibes', cursive; font-weight: 400;}
h1 {font-size: 2em; color: #7b6054;}
h2 {font-size: 2em; color: #7b6054;}
h3 {font-size: 1.8em; color: #7b6054;}
h4 {font-size: 1.8em; color: #7b6054;}
h5 {font-size: 1.6em; color: #7b6054;}
h6 {font-size: 1.4em; color: #7b6054;}

/* Links */
a {color: #646265; text-decoration: none; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
a:active {color: #000;}
a:hover {color: #fce2d3;}

/* .header */
.header h1,
.header h5 {font-size: 32px; font-weight: 400; text-align: center; margin: 10px 0 0 0;}
.header-title:hover {color: #000;}
.header-desc {text-align: center; margin: 0;}

/* .article */
.sticky {}
.article {overflow: hidden; clear: both;}
.article-list {margin-bottom: 50px;}
.article .post-thumb {padding: 2px; border: 1px solid #ddd;}
.article .post-thumbnail {border: 0;}
.article .post-header {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 2px dotted #cbbab3;}
.article .post-title {font-size: 2.4em; margin-bottom: 5px; line-height: 1.2em;}
.article .page-header {margin-bottom: 30px;}
.article .page-title {background: url('images/title_bg.gif') repeat-x center; font-size: 2.4em; color: #999; margin-bottom: 5px; line-height: 1.2em; text-align: center;}
.article .page-title span {background: #fff; padding: 0 20px;}
.article li.post-comment {padding: 2px 0 2px 20px; background: url('images/article_icons.png') no-repeat 0 4px;}
.article li.post-date {padding: 2px 0 2px 20px; background: url('images/article_icons.png') no-repeat 0 -23px;}
.article li.post-category {padding: 2px 0 2px 20px; background: url('images/article_icons.png') no-repeat 0 -48px;}

.article .archives {overflow: hidden; clear: both; padding: 10px 0;}
.article .archives .archives-box {width: 45%; float: left; padding: 2px;}

/* .article misc */
.article blockquote {display: block; clear: both; margin: 20px 0; padding: 0 20px 0 40px; background: url('images/blockquote.png') no-repeat 0 0; font-style: italic; color: #888;}
.article blockquote p {padding: 0;}
.article ul {margin: 0 0 20px 25px; list-style: circle outside;}
.article ol {margin: 0 0 20px 25px; list-style: decimal outside;}
.article li {margin: 3px 0; line-height: 1.8em;}
.article .post-author-bio {line-height: 1.8em; clear: both; overflow: hidden; background: #f9f9f9; border: 1px solid #ddd; padding: 20px;}

/* .article misc */
.breadcrumb {padding: 5px 10px; margin-bottom: 30px; font-size: .85em; background: #fafafa; border: 1px solid #eee;}

.pagetitle {text-align: center; font-size: 2em; padding: 20px; color: #999;}

.page-pagination {clear: both; padding: 5px 0; line-height: 1em;}
.page-pagination .page-pagination-title {font-weight: bold;}
.page-pagination .page-pagination-number {display: inline-block; border: 1px solid #ccc; padding: 5px 8px;}
.page-pagination a .page-pagination-number {}
.page-pagination a .page-pagination-number:hover {background: #fce2d3; color: #626465;}

.pagination {clear: both; font-size: .85em; padding: 10px 0; overflow: hidden; list-style: none;}
.pagination a:hover,
.pagination .current {padding: 5px 10px; margin-right: 5px; background: #fce2d3; color: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.pagination a {padding: 5px 10px; margin-right: 5px; background: #ccc; color: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}

.post-footer {clear: both; margin: 30px 0 10px 0; overflow: hidden; border-bottom: 2px dotted #cbbab3;}
.post-footer h5 {margin-top: 20px; font-size: 2em;}
.post-footer ul {margin: 0; list-style: none;}
.post-footer ul li {margin: 5px 0;}

ul.post-related {list-style: none; margin: 0 0 20px 0; overflow: hidden;}
ul.post-related li {float: left; width: 140px; margin-right: 10px;}

.footer-navi {clear: both; overflow: hidden; padding: 0 !important; margin-bottom: 20px; border-top: 1px solid #eee;}
.footer-navi li.previous {float: left;}
.footer-navi li.next {float: right;}

/* .gallery */
.gallery {clear: both; overflow: hidden;}
.gallery .gallery-item {margin-top: 0 !important;}
.gallery dl {margin: 0;}
.gallery a {padding: 5px; display: block;}
.gallery a img {max-width: 100%; height: auto;}
.gallery-caption {font-size: .9em;}

/* .side-widget */
.side-widget {margin-bottom: 40px; padding-bottom: 20px; border-bottom: 2px dotted #cbbab3; overflow: hidden; clear: both;}
.side-widget a {color: #7b6054;}
.side-widget a:hover {color: #333;}
.textwidget {overflow: hidden; margin-bottom: 10px; clear: both;}
.side-widget h3 {font: 400 1em 'Montserrat', Arial, Verdana, Sans-serif; color: #626465; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 5px;}
.side-widget select {width: 90%;}
.home-widget ol,
.home-widget ul,
.side-widget ol,
.side-widget ul {clear: both; list-style: none;}
.home-widget ol.children,
.home-widget ul.children,
.side-widget ol.children,
.side-widget ul.children {clear: both; list-style: none; margin-left: 20px;}
.home-widget ol li,
.home-widget ul li,
.side-widget ol li,
.side-widget ul li {margin: 5px 0; line-height: 1.8em;}

/* .sideform */
.sideform {clear: both; overflow: hidden; text-align: center;}
.sidetext {width: 90%; margin: 2px auto; color: #888; border: 1px solid #bbb;}

/***** WIDGET *****/
/* .location */
.location {}
.location li {padding-left: 30px;}
.location li.address {background: url('images/info_icons.png') no-repeat 0 -96px;}
.location li.email {background: url('images/info_icons.png') no-repeat 0 4px;}
.location li.phone {background: url('images/info_icons.png') no-repeat 0 -28px;}
.location li.fax {background: url('images/info_icons.png') no-repeat 0 -60px;}

/* .social-icons */
ul.social-icons li {float: left; list-style: none;}
.social-twitter,
.social-facebook,
.social-email,
.social-rss,
.social-google,
.social-flickr,
.social-linkedin,
.social-youtube,
.social-vimeo,
.social-instagram,
.social-pinterest,
.social-bloglovin {display: block; width: 48px; height: 48px; float: left; background: url('images/social_icons.png') no-repeat; text-indent: -9999px;}
.social-twitter {background-position: 0 0; margin-right: 10px;}
.social-facebook {background-position: 0 -68px; margin-right: 10px;}
.social-email {background-position: 0 -136px; margin-right: 10px;}
.social-rss {background-position: 0 -204px;}
.social-google {background-position: 0 -272px; margin-right: 10px;}
.social-flickr {background-position: 0 -340px; margin-right: 10px;}
.social-linkedin {background-position: 0 -408px; margin-right: 10px;}
.social-youtube {background-position: 0 -476px; margin-right: 10px;}
.social-vimeo {background-position: 0 -544px; margin-right: 10px;}
.social-instagram {background-position: 0 -612px; margin-right: 10px;}
.social-bloglovin {background-position: 0 -680px; margin-right: 10px;}
.social-pinterest {background-position: 0 -749px; margin-right: 10px;}

/*
.social-twitter:hover,
.social-facebook:hover,
.social-email:hover,
.social-rss:hover,
.social-google:hover,
.social-flickr:hover,
.social-linkedin:hover,
.social-youtube:hover,
.social-vimeo:hover,
.social-instagram:hover,
.social-pinterest:hover,
.social-bloglovin:hover {display: block; width: 48px; height: 48px; float: left; background: url('images/social_icons_hover.png') no-repeat; text-indent: -9999px;}
.social-twitter:hover {background-position: 0 0; margin-right: 10px;}
.social-facebook:hover {background-position: 0 -68px; margin-right: 10px;}
.social-email:hover {background-position: 0 -136px; margin-right: 10px;}
.social-rss:hover {background-position: 0 -204px;}
.social-google:hover {background-position: 0 -272px; margin-right: 10px;}
.social-flickr:hover {background-position: 0 -340px; margin-right: 10px;}
.social-linkedin:hover {background-position: 0 -408px; margin-right: 10px;}
.social-youtube:hover {background-position: 0 -476px; margin-right: 10px;}
.social-vimeo:hover {background-position: 0 -544px; margin-right: 10px;}
.social-instagram:hover {background-position: 0 -612px; margin-right: 10px;}
.social-bloglovin:hover {background-position: 0 -680px; margin-right: 10px;}
.social-pinterest:hover {background-position: 0 -749px; margin-right: 10px;}
*/

/* .feature-content */
.feature-content-img,
.feature-content-video {display: block; margin-bottom: 10px; width: 100%; height: 150px; overflow: hidden;}
h4.feature-content-title {font-size: 1.2em; letter-spacing: 1px; text-align: center;}
.feature-content-button {display: block; width: 50%; margin: 0 auto; text-align: center; font-style: italic; line-height: 1em; padding: 8px 0; background: #646265; color: #fff;}
.feature-content-button:hover {background: #fce2d3; color: #646265;}


/* .comment-box */
.comment-box {clear: both; margin-top: 20px; padding: 0 10px; overflow: hidden;}
.comment-box h4 {font-size: 1.4em; margin: 10px 0;}
#commentform label {display: inline-block; width: 80px; margin: 0; vertical-align: top;}
#respond {padding: 10px; background: #fff;}
p.comment-inputs {margin-bottom: 0;}
.required-input {color: #f00;}
.comment-input {width: 50%;}
.comment-textarea {width: 95%; height: 80px;}
.comment-input,
.comment-textarea {border: 1px solid #ccc; padding: 5px; color: #999; font: normal .85em Verdana, Tahoma, Arial, San-serif;}
.avatar {margin-right: 20px; float: left; border: 1px solid #999;}
.comment-meta {clear: both; overflow: hidden;}
.comment-meta h6 {font-size: 1em; margin-bottom: 3px;}
.comment-meta small {font-style: italic; color: #999; font-size: .85em;}
ol.commentlist {margin: 0;}
ol.commentlist li {border-bottom: 1px solid #ddd; margin-bottom: 20px; list-style: none;}
ol.commentlist li p {padding: 5px 0; margin: 0 0 10px 55px; line-height: 1.8em;}
ol.commentlist li ul {padding: 0;}
ol.commentlist li ul.children li {border: none; border-left: 1px solid #ddd; padding: 0 0 0 30px; margin: 0; list-style: none;}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist .parent {}
ol.commentlist .comment-content {overflow: hidden;}
ol.commentlist .comment {overflow: hidden; padding: 10px 0;}
ol.commentlist .children {}
ol.commentlist .pingback {}
ol.commentlist .bypostauthor {}
ol.commentlist .comment-author {}
ol.commentlist .comment-author-admin {}
ol.commentlist .alt {}
ol.commentlist .odd {}
ol.commentlist .even {}
ol.commentlist .thread-alt {}
ol.commentlist .thread-odd {}
ol.commentlist .thread-even {}
ol.commentlist li ul.children .alt {}
ol.commentlist li ul.children .odd {}
ol.commentlist li ul.children .even {}
ol.commentlist .vcard {}
ol.commentlist .vcard cite.fn {}
ol.commentlist .vcard span.says {}
ol.commentlist .vcard img.photo {}
ol.commentlist .vcard img.avatar {}
ol.commentlist .vcard cite.fn a.url {}
a.comment-reply-link {background: #646265; color: #fff; padding: 2px 5px; font: normal .75em Verdana, Tahoma, Arial, San-serif;}
a#cancel-comment-reply-link {background: #646265; color: #fff; padding: 2px 5px; font: normal .5em Verdana, Tahoma, Arial, San-serif;}
a.comment-reply-link {float: right;}
.comment-pagination {clear: both; overflow: hidden; margin: 10px 0;}

/* #wp-calendar */
#wp-calendar {text-align: center; width: 100%; font-size: .9em;}
#wp-calendar caption {font-weight: bold; text-align: center; padding: 5px 0; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee;}
#wp-calendar th {font-style: normal; text-transform: capitalize; padding: 2px; border-right: 1px solid #eee;}
#wp-calendar td {font-style: normal; padding: 2px; border-right: 1px solid #eee;}
#wp-calendar tr {border-top: 1px solid #eee; border-left: 1px solid #eee;}
#wp-calendar tfoot td {border-bottom: 1px solid #eee;}

/* img */
img {max-width: 100%; height: auto;}
img.aligncenter {display: block; margin: 0 auto 10px auto;}
img.alignright {display: inline; margin: 0 0 10px 20px;}
img.alignleft {display: inline; margin: 0 20px 10px 0;}
.aligncenter,
.centered {display: block; margin: 0 auto 10px auto;}
.alignleft {float: left; margin: 0 20px 10px 0;}
.alignright {float: right; margin: 0 0 10px 20px;}
.attachment-caption {text-align: center; font-weight: 700;}
.attachment-desc {text-align: center;}

/* .wp-caption */
.aligncenter,
div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {border: 1px solid #ccc; background: #efefef; padding: 1%; text-align: center; max-width: 96%;}
.wp-caption img {border: 0;}
.wp-caption p.wp-caption-text {font-size: 0.85em; line-height: 1.2em; padding: 3px 0; margin: 0;}

/* Input and label */
select,
textarea,
input {font-family: Arial, Verdana, Tahoma, Sans-serif; border: 1px solid #ccc; color: #888; padding: 8px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
input[type=submit] {border: 1px solid #646265; color: #fff; cursor: pointer; background: #646265; padding: 8px 12px;}
input[type=submit]:hover {border: 1px solid #fce2d3; background: #fce2d3; color: #646265;}
label {display: inline-block; margin-right: 20px; vertical-align: top;}

.input-button {border: 1px solid #646265; color: #fff; cursor: pointer; background: #646265; padding: 6px 10px 9px 10px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.input-button:hover {border: 1px solid #fce2d3; background: #fce2d3; color: #646265;}

/* Misc */
.hidden {display: none;}
.focused {border: 1px solid #888; -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .2); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .2);}
.highlight {background: #efefef; padding: 0 2px;}
.button {padding: 1px 5px;}
.fade {filter: alpha(opacity=50); opacity: .5;}
.clearfix {clear: both; height: 10px;}
.shadow {-webkit-box-shadow: 0 0 5px 0 #aaa; box-shadow: 0 0 5px 0 #aaa;}
.transparency {background-color: rgba(255, 255, 255, .8);}
.radius-30 {-moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;}
.radius-20 {-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
.radius-10 {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.radius-8 {-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.radius-4 {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.radius-2 {-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}

/* Shortcodes 
.tooltipsy {border: 1px solid #ddd; background: #fff; width: 150px; padding: 10px; color: #333; font-size: .9em;}
.tooltipsy:before {position: absolute; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #555; left: 70px; bottom: -5px; content: '';}
.tooltipsy:after {position: absolute; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; left: 70px; bottom: -5px; content: '';}
.tooltip {cursor: pointer; border-bottom: 1px dashed #ccc;}
*/

.tooltip {cursor: pointer; border-bottom: 1px dashed #ccc;}
.tooltip:hover span.tip {margin-left: 20px; opacity: 1; display: inline-block; border: 1px solid #ddd; background: #fff; padding: 5px 10px; color: #333; font-size: .9em;}
.tip {position: absolute; margin-left: -9999em; opacity: 0; max-width: 300px; z-index: 1000;}
.tip:before {position: absolute; top: 5px; display: inline-block; border-top: 6px solid transparent; border-right:6px solid #555; border-bottom: 6px solid transparent; left: -6px; content: '';}
.tip:after {position: absolute; top: 5px; display: inline-block; border-top: 6px solid transparent; border-right: 6px solid #fff; border-bottom: 6px solid transparent; left: -6px; content: '';}

.accordion-wrap {position: relative;}
.accordion-title {padding: 10px 10px 10px 30px; font-weight: 400; background: #646265 url('images/accordion_closed.gif') no-repeat 10px 12px; color: #fff; cursor: pointer; margin-bottom: 5px; line-height: 1em;}
.accordion-open {background: #fce2d3 url('images/accordion_opened.gif') no-repeat 10px 15px;}
.accordion-content {padding-bottom: 15px; width: 100%; line-height: 1.8em;}

.post-button {display: inline-block; line-height: 1em; padding: 8px 10px; color: #fff; background: #646265;}
.post-button:hover {background: #fce2d3; color: #fff;}

#contact-form {overflow: hidden;}
.contact-form-text {width: 90%; margin-bottom: 10px;}
.contact-form-textarea {width: 90%; height: 150px; margin-bottom: 10px;}
.notification_error {font-size: .9em; border: 1px solid #ffe432; background: #fff3a0; padding: 5px;}
.contact-form-sending {display: inline-block; width: 16px; height: 16px; background: url('images/loading.gif') no-repeat 0 0; text-indent: -9999em;}

.pullquote {font-size: 1.4em;}

.warning,
.question,
.disclaim {display: block; padding: 10px 10px 10px 30px; color: #666; overflow: hidden; line-height: 1.8em; font-size: .9em;}
.warning {border: 1px solid #ffe432; background: #fff3a0 url('images/warning.png') no-repeat 5px 12px;}
.question {border: 1px solid #ddd; background: #f3f3f3 url('images/question.png') no-repeat 5px 12px;}
.disclaim {border: 1px solid #fffdb8; background: #fffede url('images/disclaim.png') no-repeat 5px 12px;}

.warning p:last-child,
.question p:last-child,
.disclaim p:last-child,
.warning ul:last-child,
.question ol:last-child,
.disclaim dl:last-child {margin: 0;}

.rslides {position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0 !important; list-style: none !important;}
.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; position: relative;}
.rslides li:first-child {position: relative; display: block; float: left;}
.rslides li p.caption {text-align: center; font-size: .9em; margin-bottom: 0; background: #fff; position: absolute; bottom: 0; width: 97%; padding: 2%; opacity: .8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); }
.rslides img {display: block; height: auto; float: left; width: 100%; border: 0;}

.sc-slide ul.rslides_tabs {list-style: none; margin: 0; text-align: center;}
.sc-slide ul.rslides_tabs li {display: inline-block;}
.sc-slide ul.rslides_tabs li a {display: block; cursor: pointer; width: 12px; height: 12px; margin: 0 3px; background: #ccc; text-indent: -9999em; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
.sc-slide ul.rslides_tabs li.rslides_here a {background: #000;}