/*
Theme Name: How To Cook That
Version: 2.1
Description: Custom theme designed by <a href="https://www.bluevalleytech.com">Blue Valley Technologies LLC</a>.
Author: Blue Valley Tech

Author URI: https://www.bluevalleytech.com
Theme URI: https://www.bluevalleytech.com
License:
License URI:
Tags: flexible-width, full-width-template, threaded-comments, blue, red, white, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, editor-style, featured-images, sticky-post, theme-options, translation-ready
*/

/* Fonts */
@font-face {
	font-family: 'open sans';
	src: url('lib/fonts/opensans/OpenSans-Regular.woff2') format('woff2'),
	     url('lib/fonts/opensans/OpenSans-Regular.woff') format('woff'),
	     url('lib/fonts/opensans/OpenSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open sans';
	src: url('lib/fonts/opensans/OpenSans-Bold.woff2') format('woff2'),
	     url('lib/fonts/opensans/OpenSans-Bold.woff') format('woff'), 
	     url('lib/fonts/opensans/OpenSans-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

/************************************ General Styling ************************************/

/* Page Styling */
* {
font-family: Arial, Helvetica, sans-serif;
outline: none;
}
html {
margin: 0;
padding: 0;
}
body {
background: #fff;
color: #666;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
}

/* Text Styling */
a {
color: #d45255;
text-decoration: none;
}
a:hover {
color: #52c0d4;
text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
color: #000;
padding: 0;
margin: 0 0 20px 0;
line-height: 130%;
font-weight: bold;
font-family: 'open sans', helvetica, sans-serif;
}
h1 {
font-size: 28px;
}
h2 {
font-size: 22px;
}
h3 {
font-size: 21px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
p {
line-height: 24px;
margin-bottom: 12px;
}
p:first-child {
margin-bottom: 12px;
}
p:last-child {
margin-bottom: 0;
}
.post-loop p {
line-height: 20px;
font-size: 13px;
margin-bottom: 40px;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
small {
font-size: xx-small;
line-height: 1em;
}
sup {
font-size: xx-small;
vertical-align: top;
line-height: 1em;
} 
sub {
font-size: xx-small;
vertical-align: bottom;
line-height: 1em;
}
::selection {
color: #fff;
background: #D45255;
}
::-moz-selection {
color: #fff;
background: #D45255;
}

/* List Styling */
ol {
padding: 0;
margin: 0;
}
ol li {
list-style: decimal;
padding: 0 0 10px 0;
margin: 0 0 0 20px;
line-height: 24px;
}
ul {
padding: 0;
margin: 0;
}
ul li {
list-style-type: square;
margin: 0 0 10px 20px;
line-height: 24px;
}
li:last-child {
margin-bottom: 0;
}

/* Form Styling */
input, textarea, input[type=password] {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
padding: 12px 10px 11px 10px;
margin: 0;
color: #999;
border: 1px solid #eee;
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
::-webkit-input-placeholder {
color: #aaa;
}
:-moz-placeholder {
color: #aaa;
}
:-ms-input-placeholder {
color: #aaa;
}
input:focus, textarea:focus, input[type=password]:focus {
background-color: #fff;
border-color: #ccc;
}
:focus::-webkit-input-placeholder {
color: #ccc;
}
:focus:-moz-placeholder {
color: #ccc;
}
:focus:-ms-input-placeholder {
color: #ccc;
}
textarea {
line-height: 24px;
resize: none;
width: 100%;
max-width: 100%;
height: 150px;
}
select {
padding: 2px 0;
}
input[type=button], input[type=submit], input[type=reset] {
background-color: #52c0d4;
background-image: none;
color: #fff;
font-weight: bold;
height: 40px;
padding: 0 15px;
margin: 0;
border: 0;
font-size: 14px;
line-height: 1;
cursor: pointer;
text-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
background-color: #d45255;
background-image: none;
border: 0;
color: #fff;
}
input[type=radio], input[type=checkbox] {
height: auto;
background: transparent;
border: 0;
}
fieldset {
border: 1px solid #eee;
margin: 0;
padding: 20px 15px;
}
legend {
font-size: 14px;
}

/* Table Styling */
table {
border: 1px solid #eee;
padding: 5px 10px;
line-height: 24px;
width: 100%;
}
th {
font-weight: bold;
border-top: 1px solid #eee;
padding: 10px;
text-align: left;
}
td {
border-top: 1px solid #eee;
padding: 10px;
}

/* Other Styling */
img {
max-width: 100%;
height: auto;
}
.ie8 img {
max-width: none;
}
object,
embed,
video,
iframe {
max-width: 100%;
}
cite {
float: right;
padding: 0 0 5px 0;
}
hr {
background: #eee;
border: 0;
clear: both;
width: 100%;
height: 1px;
padding: 0;
margin: 20px 0;
position: relative;
}
pre {
color: #000;
background: url(lib/images/code-bg.png);
border: 1px solid #eee;
padding: 5px 25px;
margin: 5px 0 20px 0;
font-family: "Courier New";
overflow: auto;
font-size: 12px;
line-height: 24px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
code {
color: #000;
background: url(lib/images/code-bg.png);
border: 1px solid #eee !important;
padding: 5px 25px;
margin: 5px 0 20px 0;
font-family: "Courier New";
clear: both;
display: block;
font-size: 12px;
line-height: 24px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
mark {
padding: 3px 5px;
}
ins {
text-decoration: none;
}
dl {
line-height: 24px;
margin-bottom: 20px;
}
dd {
margin-bottom: 10px;
}
dt {
font-weight: bold;
}

/* Alignment Styling */
.left {
float: left;
}
.right {
float: right;
}
.clear {
content: "";
clear: both;
line-height: 0;
padding: 0;
margin: 0;
height: 0;
display:block;
font-size:0;
width:100%;
}
.align-center,
.aligncenter {
position: relative;
margin: 20px 0;
display: block;
clear: both;
text-align: center;
}
.align-left,
.alignleft {
position: relative;
float: left;
margin: 4px 20px 5px 0;
}
.align-right,
.alignright {
float: right;
position: relative;
margin: 4px 0 5px 20px;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}


/************************************ Content Areas ************************************/

/* Page Wrapper */
#page-wrapper {
position: relative;
text-align: left;
width: 1440px;
margin: 30px auto 0;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.single-post #page-wrapper {
max-width: 1200px;
}

/* Content Wrapper */
#content-wrapper {
float: left;
width: 100%;
padding: 0;
margin: 0 0 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
}
.single-post #content-wrapper {
max-width: 1200px;
}

/* Main Content */
#content {
position: relative;
width: 1110px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
}
.sb-right #content {
float: left;
}
.sb-left #content {
float: right;
}
.fullwidth #content {
width: 100% !important;
}
.single-post #content {
width: 850px;
}

/* Sidebar */
#sidebar {
float: left;
width: 300px;
}
.sb-right #sidebar {
float: right;
margin-left: 30px;
}
.sb-left #sidebar {
float: left;
margin-right: 30px;
}
.fullwidth #sidebar {
display: none;
}


/************************************ Navigation ************************************/

/* Nav Wrapper */
.nav  {
float: left;
position: relative;
z-index: 998;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.nav .menu {
margin: 0;
list-style-type: none;
list-style-position: outside;
text-align: center;
}
.nav select {
display: none;
text-transform: none;
}

/* Top Level Nav */
.nav ul.menu:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.nav .menu li {
display: inline-block;
position: relative;
list-style-type: none;
margin: 0;
padding: 0;
}
.nav .menu li:first-child {
margin-left: 0;
}
#top-nav.nav .menu li:first-child:hover a,
#top-nav.nav .menu li:first-child a:hover {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding: 3px 10px 6px;
}
.nav .menu li a {
font-weight: bold;
display: block;
}

/* Drop Down Menus */
.nav .menu .sub-menu {
display: none;
position: absolute;
min-width: 220px;
z-index: 998;
top: auto;
left: auto;
margin: 0;
padding: 0 0 18px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
}
.nav .menu li:hover > .sub-menu {
display: block;
}
.nav .menu .sub-menu li {
margin: 0;
width: 100%;
}
.nav .menu .sub-menu li a {
display: block;
background: none !important;
padding: 0 !important;
border: 0 !important;
}
.nav .left-nav .sub-menu {
right: 1px;
}

/* Sub Drop Down Menus */
.nav .menu .sub-menu li ul {
top: auto !important;
left: 220px !important;
border-left: 1px solid #fff;
}
.nav .left-nav .sub-menu li ul {
left: -220px !important;
}

/* Mega Menus */
.nav .nav-section {
float: left;
}
.nav .sub-menu li.nav-title {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter:alpha(opacity=80);
opacity: 0.8;
margin: 8px 0 0 0 !important;
padding: 0 !important;
}
.nav .sub-menu li.sub-nav-title {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter:alpha(opacity=80);
opacity: 0.8;
margin: 8px 0 0 0 !important;
padding: 0 !important;
}
.nav .sub-menu li.nav-title:before,
.nav .sub-menu li.sub-nav-title:before {
border: 0;
}
.nav .sub-menu li.nav-text {
line-height: 19px;
text-transform: none;
width: auto !important;
}
.nav .sub-menu li.nav-text:before { 
content: "";
border: 0;
display: block;
position: relative;
}


/************************************ Top Bar ************************************/

/* Top Bar */
#top-bar {
position: fixed;
z-index: 998;
width: 100%;
line-height: 0;
background: #f7e6bf;
text-align: center;
margin-bottom: 40px;
border-bottom: 1px solid #3ca1b3;
box-shadow: 0 1px 2px rgba(0,0,0,.7);
}
#top-bar .wrap {
position: relative !important;
max-width: 1100px;
margin: auto;
text-align: center;
padding: 2px 0 4px;
}
#top-bar .widget {
margin: 0;
}
#top-bar-inner {
display: inline-block;
width: 100%;
padding: 0 20px;
color: #fff;
background: #f1b5b2;
border-bottom: 1px solid #e1b5b4;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
.single-post #top-bar-inner .wrap {
max-width: 1200px;
margin: auto;
}

#top-bar-inner .wrap.tan {
background: #4CB4C7 url(lib/images/logo_x.png) 0 0 repeat-x;
padding: 0 0 3px;
}
#top-bar-inner .wrap.pink {
background: #f1b5b2;
padding: 0 0 3px;
}

#top-bar-inner a {
color: #8f7270;
text-shadow: 1px 1px 1px rgba(255,255,255,.4);
}
#top-bar-inner a:hover {
color: #fff;
background: #f1b5b2;
text-shadow: -1px -1px 1px rgba(0,0,0,.2);
}

/* Header Widgets */
.header-widget-1 {
position: absolute;
right: 30px;
top: 19px;
width: 22%;
}

.header-widget-2 {
width: 50%;
margin: auto;
display: inline-block;
padding: 4px 0 0;
text-align: center;
font: italic 16px/16px times, serif;
padding: 2px 0 0;
color: #4c231c;
text-shadow: 1px 1px 1px rgba(255,255,255,.75);
letter-spacing: .5px;
}
.header-widget-2 .textwidget {
line-height: 18px;
}

/* Top Navigation - pink bar */
#top-nav.nav {
position: absolute;
right: 0;
top: 2px;
}
#top-nav.nav .menu li a {
padding: 3px 10px;
font: 400 13px/13px 'open sans', helvetica, arial, sans-serif;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
text-shadow: 1px 1px 1px rgba(255,255,255,.4);
}
#top-nav.nav .menu li a:hover,
#top-nav.nav .menu li:hover > a {
color: #D45255;
background: #fff;
text-shadow: none;
}


/* Drop Down Menus */
#top-nav.nav .menu .sub-menu {
top: 20px;
right:0;
display: none;
text-align: right;
background: rgba(255,255,255,0.9);
box-shadow: 0 1px 1px rgba(0,0,0,.15);
-webkit-border-radius: 6px;
-webkit-border-top-right-radius: 0;
-moz-border-radius: 6px;
-moz-border-radius-topright: 0;
border-radius: 6px;
border-top-right-radius: 0;
padding: 0 0 5px;
}
#top-nav.nav .menu li:hover .sub-menu {
display: block;
}
#top-nav.nav .menu .sub-menu li a {
margin: 2px 2px 0;
padding: 8px 12px !important;
color: #D45255;
background: #8f7270;
text-shadow: 1px 1px 1px rgba(255,255,255,.85);
}
#top-nav.nav .menu .sub-menu li a:hover {
margin-bottom: 0;
color: #8f7270;
background: rgba(255,255,255,.8) !important;
text-shadow: 1px 1px 1px #fff;
}

/* Sub Drop Down Menus */
#top-nav.nav .menu .sub-menu li ul {
margin: -28px 0 0;
}

/* Mega Menus */
#top-nav.nav .menu .nav-section {
width: 170px;
}
#top-nav.nav .menu li.nav-title a,
#top-nav.nav .menu li.sub-nav-title a {
font-size: 12px !important;
margin-bottom: 0 !important;
}
#top-nav.nav .menu .sub-menu li.nav-text {
margin: 5px 10px 0 10px !important;
}

/* Social Icons */
#social-icons {
float: left;
font-size: 18px;
padding: 27px 0 0 15px;
}
#social-icons a {
float: left;
display: block;
margin-left: 15px;
color: #c9b487;
}
#social-icons a:hover {
color: #4db4c7;
}



/************************************ Header ************************************/

/* Header */
#header {
position: relative;
z-index: 997;
width: 1440px;
margin: 0 auto 30px;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.home #header,
.search #header,
.single-post #header,
.page #header,
.single #header,
.archive #header {
max-width: 1200px;
padding: 170px 0 0;
}

/* Logo */
#logo {
display: block;
margin: 10px auto;
width: 260px;
line-height: 0;
}
#logo:after {
content: " ";
}
#logo a {
color: #fff;
line-height: 0;
}
a.logo-mobile:hover,
.logo-mobile-navcenter:hover {
background: none !important;
}
#logo img {
position: relative;
}
.logo-details {
display: block;
margin-top: -1px;
width: 1px;
height: 1px;
text-indent: -9999px;
}

/* Header Content */
#header-content {
width: 70%;
margin: auto;
text-align: center;
}


/************************************ Body Navigation ************************************/

/* Nav Wrapper - blue bar */
#body-nav.nav {
z-index: 997;
width: 100%;
text-align: center;
background-color: #52C0D4;
border-top: 1px solid #f7c4c2;
padding: 0;
}
#body-nav.nav .menu li a,
body #body-nav.nav .menu li:first-child a {
padding: 2px 16px 3px;
background-color: #52C0D4;
color: #fff;
font:600 14px/14px 'open sans', helvetica, arial, sans-serif;
text-shadow: -1px -1px 0 #3ca1b3;
border-bottom: none;
margin:1px 2px 3px;
letter-spacing: .25px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}
#body-nav.nav .menu li a:hover,
#body-nav.nav .menu li:hover > a,
body #body-nav.nav .menu li:first-child a:hover  {
color: #e93952;
background: rgba(255,255,255,.95);
text-shadow: 1px 1px 1px #fff;
}
#body-nav.nav .menu li.current-menu-item a {
color: #fff;
background: #0b7f95;
text-shadow: -1px -1px 1px #056071;
letter-spacing: .25px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}



ul.mobile-menu {
display: none;
}

/* Drop Down Menus */
#body-nav.nav .menu .sub-menu {
background: #52C0D4;
}
#body-nav.nav .menu .sub-menu li a {
margin: 18px 20px 0;
font-size: 13px;
color: #fff;
}
#body-nav.nav .menu .sub-menu li a:hover {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter:alpha(opacity=80);
opacity: 0.8;
margin-bottom: 0;
}

/* Sub Drop Down Menus */
#body-nav.nav .menu .sub-menu li ul {
margin: -32px 0 0 0;
}

/* Terracotta Nav */
#body-nav.nav .menu li.terracotta a {
border-color: #d45255;
}
#body-nav.nav .menu li.terracotta .sub-menu,
#body-nav.nav .menu li.terracotta a:hover,
#body-nav.nav .menu li.terracotta:hover > a {
background: #d45255;
}

/* Blue 1 Nav */
#body-nav.nav .menu li.blue1 a {
border-color: #52c0d4;
}
#body-nav.nav .menu li.blue1 .sub-menu,
#body-nav.nav .menu li.blue1 a:hover,
#body-nav.nav .menu li.blue1:hover > a {
background: #52c0d4;
}

/* Blue 2 Nav */
#body-nav.nav .menu li.blue2 a {
border-color: #26a0d8;
}
#body-nav.nav .menu li.blue2 .sub-menu,
#body-nav.nav .menu li.blue2 a:hover,
#body-nav.nav .menu li.blue2:hover > a {
background: #26a0d8;
}

/* Red Nav */
#body-nav.nav .menu li.red a {
border-color: #e93952;
}
#body-nav.nav .menu li.red .sub-menu,
#body-nav.nav .menu li.red a:hover,
#body-nav.nav .menu li.red:hover > a {
background: #e93952;
}

/* Purple Nav */
#body-nav.nav .menu li.purple a {
border-color: #9521f7;
}
#body-nav.nav .menu li.purple .sub-menu,
#body-nav.nav .menu li.purple a:hover,
#body-nav.nav .menu li.purple:hover > a {
background: #9521f7;
}

/* Green Nav 1 */
#body-nav.nav .menu li.green1 a {
border-color: #bdd452;
}
#body-nav.nav .menu li.green1 .sub-menu,
#body-nav.nav .menu li.green1 a:hover,
#body-nav.nav .menu li.green1:hover > a {
background: #bdd452;
}

/* Green Nav 2 */
#body-nav.nav .menu li.green2 a {
border-color: #67D452;
}
#body-nav.nav .menu li.green2 .sub-menu,
#body-nav.nav .menu li.green2 a:hover,
#body-nav.nav .menu li.green2:hover > a {
background: #67D452;
}

/* Pink Nav */
#body-nav.nav .menu li.pink a {
border-color: #f721e0;
}
#body-nav.nav .menu li.pink .sub-menu,
#body-nav.nav .menu li.pink a:hover,
#body-nav.nav .menu li.pink:hover > a {
background: #f721e0;
}

/* Orange Nav */
#body-nav.nav .menu li.orange a {
border-color: #e96739;
}
#body-nav.nav .menu li.orange .sub-menu,
#body-nav.nav .menu li.orange a:hover,
#body-nav.nav .menu li.orange:hover > a {
background: #e96739;
}

/* Yellow Nav */
#body-nav.nav .menu li.yellow a {
border-color: #FFE000;
}
#body-nav.nav .menu li.yellow .sub-menu,
#body-nav.nav .menu li.yellow a:hover,
#body-nav.nav .menu li.yellow:hover > a {
background: #FFE000;
}

/* Light Grey Nav */
#body-nav.nav .menu li.lightgrey a {
border-color: #c5c5c5;
}
#body-nav.nav .menu li.lightgrey .sub-menu,
#body-nav.nav .menu li.lightgrey a:hover,
#body-nav.nav .menu li.lightgrey:hover > a {
background: #c5c5c5;
}

/* Dark Grey Nav */
#body-nav.nav .menu li.darkgrey a {
border-color: #616161;
}
#body-nav.nav .menu li.darkgrey .sub-menu,
#body-nav.nav .menu li.darkgrey a:hover,
#body-nav.nav .menu li.darkgrey:hover > a {
background: #616161;
}

/* Black Nav */
#body-nav.nav .menu li.black a {
border-color: #000;
}
#body-nav.nav .menu li.black .sub-menu,
#body-nav.nav .menu li.black a:hover,
#body-nav.nav .menu li.black:hover > a {
background: #000;
}

/* Mega Menus */
#body-nav.nav .menu .nav-section {
width: 220px;
}
#body-nav.nav .menu li.nav-title a,
#body-nav.nav .menu li.sub-nav-title a {
margin-bottom: 0 !important;
}
#body-nav.nav .menu .sub-menu li.nav-text {
margin: 5px 20px 0 20px !important;
color: #fff;
font-size: 13px;
line-height: 21px;
}


/************************************ Single Post/Page Styling ************************************/

/* Page Title */
.page-title {
clear: both;
font-size: 54px;
margin: 0 0 44px;
}
.single-post .page-title {
font-size: 24px;
margin-bottom: 24px;
}

/* Subtitle */
.subtitle {
font-weight: normal;
color: #999;
font-size: 16px;
margin: -20px 0 20px;
}

/* Post Thumbnail */
.post-thumbnail {
float: left;
max-width: 100%;
line-height: 0;
position: relative;
overflow: hidden;
margin-bottom: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
}
.post-thumbnail.wrap {
margin: 0 20px 0 0;
}

/* Post Content */
#post-content {
float: left;
width: 100%;
margin-bottom: 30px;
}
label[for*="pwbox"] {
float: left;
display: inline;
margin: 0 5px 0 0;
}

/* Page Lists */
.page-list {
margin: 0 0 20px 0;
}

/* Attachments */
.attachment p {
margin-top: 12px;
}

/************************************ Post Meta ************************************/

/* Post Categories */
.single-wrapper.meta-cats {
float: left;
width: 100%;
background: #f7f7f7;
margin-bottom: 30px;
}
.single-wrapper.meta-cats a {
float: left;
font-weight: bold;
color: #fff;
background: #52C0D4;
padding: 8px 10px;
font-size: 16px;
line-height: 16px;
border-right: 1px solid #fff;
}
.single-wrapper.meta-cats a:hover {
color: #fff;
background: #d45255;
}

/* Post Meta */
.post-meta {
position: relative;
overflow: hidden;
border-bottom: 5px solid #eee;
padding: 0 0 20px 0;
margin: 0 0 30px 0;
font-size: 12px;
line-height: 14px;
min-height: 12px;
text-align: right;
}
.post-meta span:before {
content: "\0000a0\·\0000a0\0000a0";
}
.post-meta span:first-child:before {
content: "";
}
.meta-details {
float: left;
text-align: left;
}
.meta-author  {
font-weight: bold;
color: #000;
}
.meta-tags {
overflow: hidden;
}
.meta-tags span {
float: left;
font-size: 12px;
line-height: 12px;
padding: 4px 8px 4px 0;
font-weight: bold;
}
.meta-tags a {
float: left;
background: #66914D;
padding: 4px 8px;
margin: 0 1px 1px 0;
color: #fff;
font-size: 11px;
line-height: 11px;
font-weight: bold;
}
.meta-tags a:hover {
background: #379100;
}
.single-wrapper.meta-tags {
float: left;
width: 100%;
margin: 0 0 30px;
}

/* Post Share Meta */
.meta-share {
display: inline-block;
}
.meta-share iframe {
max-width: none;
}

/* Score */
.score-meta {
position: relative;
height: 30px;
}
.score-meta .gp-stars-wrapper {
float: left;
position: relative;
height: 30px;
top: auto;
right: auto;
}

/* Post Navigation */
#post-navigation {
float: right;
}
#post-navigation i {
line-height: 4px;
}


/************************************ Category Styling ************************************/

/* Cat Title */
.cat-title {
float: left;
width: 100%;
background: #f7f7f7;
margin-bottom: 30px;
}
.cat-title .page-title {
float: left;
font-weight: bold;
color: #fff;
background: #52C0D4;
padding: 8px 10px;
margin: 0;
font-size: 24px;
line-height: 24px;
border-right: 1px solid #fff;
}

/* Post Thumbnails */
.spacing-small .post-thumbnail {
margin-bottom: 10px;
}
.spacing-small .post-thumbnail.wrap {
margin: 0 10px 0 0;
}

/* Post Loop */
.post-wrapper {
float: left;
width: 100%;
}
.post-loop {
float: left;
position: relative;
width: 100%;
margin-bottom: 20px;
}
.spacing-small .post-loop {
margin-bottom: 10px;
}
.post-loop.post-columns {
margin-left: 2%;
}
.post-loop.first-column {
margin-left: 0;
}
.post-loop .post-thumbnail {
margin-bottom: 20px;
}
.post-loop .post-thumbnail.wrap {
margin-bottom: 10px;
}
.spacing-small .post-thumbnail {
margin-bottom: 10px;
}
.spacing-small .post-thumbnail.wrap {
margin: 0 10px 0 0;
}
.post-text h2 {
clear: none;
margin-bottom: 5px;
}
.spacing-small .post-text h2 {
font-size: 13.5px;
margin-bottom: 5px;
}
.post-loop .post-meta {
border-bottom-width: 2px;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}
.sticky {
background: #ffffe0;
}


/************************************ 404 Error Page Styling ************************************/

.error404 .padder {
margin: 0 auto 50px;
text-align: center;
width: 80%;
}
.error404 .padder #searchform {
float: none;
width: 50%;
margin: 0 auto;
}


/************************************ Lightbox ************************************/

.lightbox-hover {
display: block;
position: absolute;
bottom: 10px;
left: 10px;
z-index: 10;
background: #52C0D4;
color: #fff;
padding: 7px 8px 5px 8px;
font-size: 14px;
line-height: 1;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0);
opacity: 0;
cursor: pointer;
}
.pp_gallery li {
background: none;
border: 0;
padding: 0;
}
.pp_gallery li.jwplayer a {
background: url(lib/scripts/prettyPhoto/images/prettyPhoto/default/default_thumb.png) no-repeat;
width: 50px;
height: 33px;
display: block;
}


/************************************ Hover over image share buttons   ********************************************/

.share-page-link textarea {
    height: 50px;
    line-height: 24px;
    max-width: 80%;
    resize: none;
    width: 70%;
}
.share-page-link {
	text-align: center;	
}
.share-page-link h1 {
	text-transform: capitalize;
    font: 600 28px/30px 'open sans', helvetica, arial, sans-serif;
	padding: 30px 0 10px;
}
button.js-textareacopybtn {
	padding: 12px 24px;
    color: white;
    background-color: #db0000;
    text-transform: capitalize;
    font: 600 13px/16px 'open sans', helvetica, arial, sans-serif;
    font-size: 13px;
    border-radius: 20px;
    border: none;
    transition: background-color 0.3s ease;
    margin: 10px 0 0;
}
button.js-textareacopybtn:hover {
	cursor: pointer;
	background-color: #bb0000;
}


/************************************** ColorBox - lightbox used for share buttons on image hover   **************/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none; max-height: 280px !important;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url("lib/scripts/colorbox-master/images/overlay.png") repeat 0 0; opacity: 0.6 !important;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:none;}
    #cboxTopRight{width:21px; height:21px; background:none;}
    #cboxBottomLeft{width:21px; height:21px; background:none;}
    #cboxBottomRight{width:21px; height:21px; background:none;}
    #cboxMiddleLeft{width:21px; background:none;}
    #cboxMiddleRight{width:21px; background:none;}
    #cboxTopCenter{height:21px; background:none;}
    #cboxBottomCenter{height:21px; background:none;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url("lib/scripts/colorbox-master/images/loading_background.png") no-repeat center center;}
        #cboxLoadingGraphic{background:url("lib/scripts/colorbox-master/images/loading.gif") no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url("lib/scripts/colorbox-master/images/controls.png") no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url("lib/scripts/colorbox-master/images/controls.png") no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; top:10px; right:10px; background:url("lib/scripts/colorbox-master/images/controls.png") no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px; opacity: 0.7;}
        #cboxClose:hover{background-position:-25px -25px; opacity: 1;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/************************************ Review Box ************************************/

/* Review Box Wrapper */
#gp-review-wrapper {
position: relative;
float: left;
width: 100%;
overflow: hidden;
}
#gp-review-wrapper.review-position-top {
float: left;
margin: 0 0 20px 0;
width: 100%;
}
#gp-review-wrapper.review-position-left {
float: left;
margin: 0 20px 10px 0;
width: 50%;
}
#gp-review-wrapper.review-position-right {
float: right;
margin: 0 0 10px 20px;
width: 50%;
}
#gp-review-wrapper.review-position-bottom {
float: left;
width: 100%;
}

/* Site Scores */
#gp-site-ratings-wrapper div:last-child {
padding-bottom: 20px;
}
.gp-rating-wrapper {
float: left;
background: #fbfbfb;
position: relative;
width: 100%;
height: 35px;
}
.gp-text-wrapper {
position: absolute;
top: 20px;
left: 20px;
font-weight: bold;
}	
.gp-stars-wrapper {
position: absolute;
top: 17px;
right: 20px;
}		
.rating-unselected {
position: absolute;
top: 0;
right: 0;
height: 18px;
width: 100%;
background: url(lib/images/stars.png) no-repeat;
background-position: 0 -40px;
}
.rating-selection {
position: absolute;
top: 0;
left: 0;
height: 18px;
background: url(lib/images/stars.png) scroll transparent no-repeat;
}
#gp-total-score-wrapper .rating-selection {
background-position: 0 -60px;
}

/* Summary */
#gp-summary-wrapper {
background: #f7f7f7;
float: left;
position: relative;
width: 100%;
min-height: 120px;
}
#gp-summary {
padding: 20px;
font-size: 13px;
line-height: 19px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/* Total Score */
#gp-total-score-wrapper {
position: absolute;
top: 0;
right: 0;
background: #52c0d4;
width: 80px;
height: 500px;
padding: 15px 10px 0 10px;
text-align: center;
color: #fff;
font-weight: bold;
}
.total-score {
font-size: 50px;
line-height: 50px;
}
.total-score-text {
font-size: 14px;
line-height: 21px;
}

/* User Score */
#gp-total-score-wrapper .gp-stars-wrapper {
display: block;
position: relative;
top: auto;
right: auto;
}
.gp-user-rating-wrapper {
border-top: 1px solid #fff;
background: #f3f3f3;
padding-bottom: 20px;
}
.gp-user-rating-wrapper em {
font-size: 11px;
}


/************************************ Shortcodes: Accordion ************************************/

.accordion .panel {
position: relative;
width: 100%;
margin-bottom: 10px;
overflow: hidden;
}
h3.accordion-title {
margin: 0;
}
h3.accordion-title a {
padding-left: 10px;
}
.panel-content {
padding: 0 0 0 30px;
line-height: 24px;
}


/************************************ Shortcodes: Author Info ************************************/

.author-info {
background: #FBFBFB;
float: left;
width: 100%;
font-style: italic;
border-top: 1px solid #eee;
position: relative;
padding: 30px 20px;
margin: 0 0 30px 0; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
}
.author-info .avatar {
float: left;
margin-right: 20px;
width: 50px;
height: 50px;
}
.author-info .author-meta {
margin-left: 70px;
}
.author-info .author-meta-top {
width: 100%;
float: left;
}
.author-info .author-name {
float: left;
margin-bottom: 10px;
font-weight: bold;
color: #33363C;
font-size: 14px;
}
.author-info .author-desc {
line-height: 24px;
}


/************************************ Shortcodes: Blockquotes ************************************/

blockquote {
font-size: 16px;
margin: 5px 20px 10px 20px;
padding: 10px 0 5px 25px;
border-left: 3px solid #eee;
overflow: hidden;
}
blockquote p {
line-height: 24px;
}
.blockquote-left {
float: left;
margin: 10px 20px 20px 0;
}
.blockquote-right {
float: right;
margin: 10px 0 20px 20px;
}
.blockquote-left,
.blockquote-right {
width: 30%;
font-size: 16px;
line-height: 28px;
padding: 10px 0 5px 25px;
}


/************************************ Shortcodes: Buttons ************************************/

/* Buttons */
.sc-button,
.sc-button:hover {
display: inline-block;
position: relative;
max-width: 100%;
margin: 5px;
font-weight: bold;
color: #fff;
}
.sc-button.small {
font-size: 11px;
line-height: 11px;
padding: 8px 12px;
}
.sc-button.medium {
font-size: 12px;
line-height: 12px;
padding: 12px 20px;
}
.sc-button.large {
font-size: 14px;
line-height: 14px;
padding: 15px 60px;
}

/* Yellow Button */
.yellow.sc-button {
color: #fff !important;
background-color: #ffde45;
}
.yellow.sc-button:hover {
background: #ffd200;
}

/* Grey */
.grey.sc-button {
color: #fff !important;
background-color: #5c5c5c;
}
.grey.sc-button:hover {
background: #3d3d3d;
}

/* Dark Grey Button */
.darkgrey.sc-button {
color: #fff !important;
background-color: #404040;
}
.darkgrey.sc-button:hover {
color: #fff;
background: #202020;
}

/* Brown Button */
.brown.sc-button {
color: #fff !important;
background-color: #685950;
}
.brown.sc-button:hover {
color: #fff;
background: #453B35;
}

/* Blue Button */
.blue.sc-button {
color: #fff !important;
background-color: #2f9bc1;
}
.blue.sc-button:hover {
color: #fff;
background: #2a8cae;
}

/* Medium Blue Button */
.mediumblue.sc-button {
color: #fff !important;
background-color: #505f68;
}
.mediumblue.sc-button:hover {
background: #353f45;
}

/* Dark Blue Button */
.darkblue.sc-button {
color: #fff !important;
background-color: #364046;
}
.darkblue.sc-button:hover {
background: #15191b;
}

/* Lime Green Button */
.limegreen.sc-button {
color: #fff !important;
background-color: #77AF12;
}
.limegreen.sc-button:hover {
color: #fff !important;
background: #679710;
}

/* Teal Button */
.teal.sc-button {
color: #fff !important;
background-color: #8CA6A3;
}
.teal.sc-button:hover {
background: #6A8A87;
}

/* Dark Green Button */
.darkgreen.sc-button {
color: #fff !important;
background-color: #366a7b;
}
.darkgreen.sc-button:hover {
background: #23444b;
}

/* Red Button */
.red.sc-button {
color: #fff !important;
background-color: #E47070;
}
.red.sc-button:hover {
background: #B45353;
}

/* Dark Red Button */
.darkred.sc-button {
color: #fff !important;
background-color: #685053;
}
.darkred.sc-button:hover {
background: #453537;
}

/* Orange Button */
.orange.sc-button {
color: #fff !important;
background-color: #ee8600;
}
.orange.sc-button:hover {
background: #b25f0f;
}

/* Blue Button */
.theme.sc-button {
color: #fff !important;
background-color: #52C0D4;
}
.theme.sc-button:hover {
background: #D45255;
}


/************************************ Shortcodes: Carousel ************************************/

/* Carousel Header */
.carousel-wrapper .featured-header .icon-rss {
position: relative;
margin-left: 10px;
}

/* Carousel Wrapper */
.carousel-wrapper {
position: relative;
overflow: hidden;
}

/* Carousel Navigation */
.carousel-nav {
position: relative;
float: right;
top: 4px;
right: 0;
margin-bottom: 20px;
}
.carousel-nav.carousel-nav-header {
position: absolute;
}
.carousel-nav > a {
float: left;
color: #fff;
font-size: 14px;
line-height: 1;
background: #52C0D4;
padding: 5px 10px;
margin-left: 1px;
cursor: pointer;
}
.carousel-nav > a:hover {
background: #D45255;
}

/* Carousel Post */
.carousel-wrapper .post-loop {
display: none;
float: left;
margin: 0 20px 0 0;
}
.carousel-wrapper .post-thumbnail {
margin: 0 0 10px 0;
}
.carousel-wrapper .post-text h2 {
font-size: 14px;
margin: 0 0 5px 0;
}
.carousel-wrapper .post-meta {
border-width: 2px;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}


/************************************ Shortcodes: Captions ************************************/

.wp-caption {
position: relative;
padding: 0;
max-width: 100%;
}
.wp-caption img {
margin: 0;
}
.wp-caption-text {
margin: 5px 0 0;
font-size: 11px;
color: #666;
}


/************************************ Shortcodes: Columns ************************************/

/* General */
.columns {
float: left;
position: relative;
line-height: 24px;
margin-right: 4%;
}
.one {
width: 100%;
}
.two {
width: 48%;
}
.three {
width: 30.6%;
}
.four {
width: 22%;
}
.five {
width: 16.8%;
}
.onethird {
width: 28.8%;
}
.twothirds {
width: 57.6%;
}
.onefourth {
width: 24%;
}
.threefourths {
width: 72%;
}

/* Separate Columns */
.separate > div {
border: 1px solid #eee;
position: relative;
padding: 20px;
}

/* Joint Columns */
.columns.joint {
margin: 0;
}
.joint > div {
border-width: 0 0 0 1px;
border-color: #eee;
border-style: solid;
position: relative;
padding: 20px;
}
.first.joint > div {
border-left-width: 0;
}
.one.joint {
width: 100%;
}
.two.joint {
width: 50%;
}
.three.joint {
width: 33.33%;
}
.four.joint {
width: 25%;
}
.five.joint {
width: 20%;
}
.onethird.joint {
width: 33.33%;
}
.twothirds.joint {
width: 66.33%;
}
.onefourth.joint {
width: 25%;
}
.threefourths.joint {
width: 75%;
}

.last {
clear: right;
margin-right: 0;
}


/************************************ Shortcodes: Contact Form ************************************/

#contact-form {
float: left;
width: 100%;
}
#contact-form .contact-verify {
float: left;
display: block;
font-weight: bold;
margin-right: 10px;
}
#contact-form label {
display: none;
margin-right: 10px;
font-weight: bold;
}
.ie8 #contact-form label,
.ie9 #contact-form label {
display: block;
}
#contact-form .contact-verify label {
display: block;
float: left;
margin: 13px 5px 0 0;
}
#contact-form .contact-submit {
float: left;
}
#contact-form .loader {
display: none;
background: url(lib/images/loader.gif) no-repeat right bottom;
float: left;
padding: 10px 0 0 10px;
margin: 0;
width: 16px;
height: 16px;
}
.contact-form.notify {
padding: 5px 10px;
margin-bottom: 20px;
}
#contact-form .input-error {
border: 1px solid #D84F4F;
}


/************************************ Shortcodes: Dividers ************************************/

.sc-divider {
content: "";
border-top: 1px solid #eee;
clear: both;
width: 100%;
height: 1px;
padding: 0;
margin: 40px 0;
position: relative;
}
.sc-divider.top a {
font-size: 10px;
float: right;
position: absolute;
top: -20px;
right: 0;
color: #999;
text-align: right;
cursor: pointer;
}
.sc-divider.small {
margin: 0;
}
.sc-divider.clear {
background: none !important;
border: 0;
margin: 15px 0 !important;
}
.sc-divider.small.clear {
border: 0;
margin: 0 !important;
}


/************************************ Shortcodes: Drop Caps ************************************/

.dropcap1 {
display: block;
position: relative;
float: left;
font-size: 38px;
line-height: 38px;
margin: 0 10px -8px 0;
padding: 0;
text-align: center;
}
.dropcap2 {
display: block;
position: relative;
float: left;
font-size: 38px;
line-height: 38px;
margin: 4px 10px 0 0;
padding: 6px 12px;
text-align: center;
color: #404040;
background: #eee;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.dropcap3 {
display: block;
position: relative;
float: left;
font-size: 38px;
line-height: 38px;
margin: 4px 10px 0 0;
padding: 6px 12px;
text-align: center;
color: #999;
background: #404040;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.dropcap4 {
display: block;
position: relative;
float: left;
font-size: 38px;
line-height: 38px;
margin: 4px 10px 0 0;
padding: 6px 12px;
text-align: center;
color: #404040;
background: #eee;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.dropcap5 {
display: block;
position: relative;
float: left;
font-size: 38px;
line-height: 38px;
margin: 4px 10px 0 0;
padding: 6px 12px;
text-align: center;
color: #999;
background: #404040;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}


/************************************ Shortcodes: Galleries ************************************/

.gallery-columns-1 .gallery-item {
width: 90%;
}
.gallery-columns-2 .gallery-item {
width: 45% !important;
padding-right: 4% !important;
}
.gallery-columns-3 .gallery-item {
width: 31% !important;
padding-right: 2% !important;
}
.gallery-columns-4 .gallery-item {
width: 23% !important;
padding-right: 2% !important;
}
.gallery-columns-5 .gallery-item {
width: 18% !important;
padding-right: 2% !important;
}
.gallery-columns-6 .gallery-item {
width: 14% !important;
padding-right: 2% !important;
}
.gallery-columns-7 .gallery-item {
width: 12% !important;
padding-right: 2% !important;
}
.gallery-columns-8 .gallery-item {
width: 10% !important;
padding-right: 2% !important;
}
.gallery-columns-9 .gallery-item {
width: 9% !important;
padding-right: 2% !important;
}
.gallery-item img {
max-width: 100% !important;
height: auto !important;
border: 0 !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
}
.gallery-caption {
float: left;
margin: 10px 0;
line-height: 14px;
}
div.gallery-item .gallery-icon {
display: inline-block;
position: relative;
text-align: center;
}
.gallery-item a,
.gallery-caption {
width:100%;
}


/************************************ Shortcodes: Grid Posts ************************************/

/* Header */
.featured-header {
position: relative;
width: 100%;
padding: 0 0 10px 0;
margin: 0 0 30px 0;
border-bottom: 5px solid #000;
}
.featured-header a {
color: inherit;
}
.featured-header .icon-rss {
position: absolute;
top: 0;
right: 0;
color: #000;
}
.featured-header .icon-rss:hover {
color: #52C0D4;
}


/************************************ Shortcodes: Images ************************************/

.sc-image {
line-height: 0;
max-width: 100%;
height: auto !important;
}
.sc-image img {
max-width: 100%;
height: auto !important;
width: auto\9;
}
.sc-image a {
display: block;
margin: 0 auto;
}
.sc-image.aligncenter {
margin: 0 auto;
text-align: center;
}
.sc-image.alignleft {
margin: 0;
}
.sc-image.alignright {
margin: 0;
}
.sc-image.image-border {
padding: 5px;
background: #eee;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
}


/************************************ Shortcodes: Lists ************************************/

.sc-list li {
list-style: none;
margin-left: 0;
}
.sc-list li i {
margin-right: 5px;
}


/************************************ Shortcodes: Login/Register Forms ************************************/

#loginform,
#registerform {
float: left;
margin: 10px 0;
}
#loginform label,
#registerform label {
display: block;
font-weight: bold;
}
#loginform .login-remember label {
display: block;
font-weight: bold;
margin: 0 0 5px 0;
padding: 0;
}


/************************************ Shortcodes: Notifications ************************************/

.notify {
position: relative;
margin: 10px 0;
display: block;
line-height: 24px;
padding: 20px;
font-weight: bold;
}
.notify-default {
color: #000;
background-color: #FFDF75;
}
.notify-help {
color: #fff;
background-color: #5FA6E5;
}
.notify-success {
color: #fff;
background-color: #B3D46F;
}
.notify-warning {
color: #fff;
background-color: #E78F4B;
}
.notify-error {
color: #fff;
background-color: #D84F4F;
}


/************************************ Shortcodes: Related Posts ************************************/

/* Related Posts Container */
.related-posts {
float: left;
border-top: 1px solid #DFF0F3;
background: #F7FCFD;
width: 100%;
position: relative;
padding: 30px 0 30px 20px;
margin: 0 0 30px 0; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
}
.related-posts h3 {
font-size: 12px;
text-transform: uppercase;
margin-bottom: 20px;
}
.related-posts .carousel-nav {
right: 20px;
}
.related-posts .carousel-nav.carousel-nav-header {
top: 30px;
}
.related-posts .carousel-nav > a {
font-size: 12px;
background: #7F9BA0;
padding: 3px 7px;
}
.related-posts .carousel-nav > a:hover {
background: #546D72;
}
.related-posts h2 {
font-size: 16px;
}
.related-posts h2 a {
font-size: 12px;
font-weight: bold;
color: #258091;
}
.related-posts h2 a:hover {
text-decoration: underline;
}


/************************************ Shortcodes: Slider ************************************/

/* Slider */
.flexslider {
position: relative;
width: 100%;
/*max-width: 900px;*/
margin: 0;
padding: 0;
zoom: 1;
}
.flexslider.aligncenter {
margin: 0 auto;
}

/* Slides */
.flexslider .slides {
zoom: 1;
margin: 0;
padding: 0;
}
.flexslider .slides > li {
position: relative;
list-style-type: none;
background: none;
display: none;
-webkit-backface-visibility: hidden;
margin: 0;
padding: 0;
}
.slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides {
display: block;
}
* html .slides {
height: 1%;
}
.no-js .slides > li:first-child {
display: block;
}
.flexslider .slides img {
max-width: 100%;
display: block;
}

/* Slide Caption */
.caption {
width: 300px;
height: 100%;
color: #fff;
background: rgb(0,0,0);
background: rgba(0,0,0,0.9);
position: absolute;
right: 0;
top: 0;
float: right;
z-index: 10;
padding: 20px;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
}
.caption h2 {
font-size: 24px;
margin-bottom: 10px;
color: #fff;
}
.caption p {
font-size: 16px;
}
@media only screen and (min-width: 900px) {
	.caption {
	width: 46%;
	padding: 20px 3%; 
	}
}

/* Slider Buttons */
.flex-control-nav {
position: absolute;
right: 20px;
bottom: 10px;
float: right;
text-align: left;
z-index: 19;
list-style: none;
}
.flex-control-nav li {
display: inline-block;
list-style: none;
margin: 2px;
padding: 0;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}
.flex-control-nav li a {
display: block;
text-indent: -9999px;
float: left;
background: #52C0D4;
width: 12px;
height: 12px;
cursor: pointer;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}
.flexslider:hover .flex-control-nav li a {
display: block;
}
.flex-control-nav li a:hover,
.flex-control-nav li .flex-active {
background: #D45255;
}


/************************************ Shortcodes: Tabs ************************************/

.ui-tabs {
position: relative;
padding: 0;
top: -4px;
zoom: 1;
}
.ui-tabs .ui-tabs-nav {
display: block;
margin: 0;
padding: 0;
}
.ui-tabs .ui-tabs-nav li { 
z-index: 1;
background-image: none;
list-style: none;
float: left;
position: relative;
top: 1px;
margin: 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
border: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
}
.ui-tabs .ui-tabs-nav li a {
float: left;
font-weight: bold;
padding: 10px;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-state-active { 
z-index: 3;
background: #fbfbfb;
}
.ui-tabs .ui-tabs-nav li.ui-state-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a,
.ui-tabs .ui-tabs-nav li.ui-state-hover a {
color: #999;
}
.ui-tabs .ui-tabs-nav li a {
color: #000;
cursor: pointer;
} 
.ui-tabs-nav .tabhead {
cursor:pointer;
font-size: 13.5px;
margin-bottom: 0;
display: block;
}
.sc-tab-panel {
z-index: 2;
width: 100%;
background: #fbfbfb;
position: relative;
height: inherit;
line-height: 24px;
overflow: hidden;
margin: 0 0 10px 0;
padding: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
}
.ui-tabs .ui-tabs-hide {
display: none;
}


/************************************ Shortcodes: Text Boxes ************************************/

.text-box {
width: 100%;
max-width: 100%;
display: inline-block;
font-size: 12px;
line-height: 24px;
font-weight: bold;
color: #33363C;
margin-bottom: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.text-box p {
line-height: inherit;
}
.text-box .testimonial-name {
font-weight: bold;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
.text-box .testimonial-company {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
.text-box .testimonial-comma {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}


/************************************ Shortcodes: Toggle Box ************************************/

h3.toggle {
line-height: 1;
margin: 0 0 10px 0;
cursor: pointer;
}
h3.toggle a {
padding-left: 10px;
}
.toggle-box {
clear:both;
margin: 0 0 20px 0;
overflow: hidden;
}
.no-js .toggle-box {
display: block !important;
}


/************************************ Shortcodes: Vertical/Horizontal Posts ************************************/

/* Post Loop */
.horizontal .featured-large-post {
float: left;
width: 48%;
margin-right: 4%;
}
.horizontal .featured-small-posts {
float: left;
width: 48%;
}
.featured-large-post .post-text h2 {
font-size: 20px;
margin-bottom: 5px;
}
.featured-small-post .post-text h2 {
font-size: 20px;
margin-bottom: 5px;
}

/* Post Loop */
/*REMOVE.horizontal .featured-large-post {
float: left;
width: 48%;
margin-right: 4%;
}
.horizontal .featured-small-posts {
float: left;
width: 48%;
}
.featured-large-post.post-loop {
margin-top: 0 !important;
}
.featured-small-post.post-loop,
.featured-small-post.post-loop:first-child {
margin-top: 30px !important;
}
.horizontal .featured-small-post:first-child {
margin-top: 0 !important;
}
.featured-large-post .post-text h2 {
font-size: 20px;
margin-bottom: 5px;
}
.featured-small-post .post-text h2 {
font-size: 16px;
margin-bottom: 5px;
}*/


/************************************ Widgets ************************************/

/* General Widget Styling */
.widget {
position: relative;
float: left;
width: 100%;
margin-bottom: 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.widget ul li {
list-style-type: none;
margin-left: 0;
}
.widget li a {
color: #000;
}
.widget li a:hover {
color: #52c0d4;
}
.widget ul ul li {
margin-left: 10px;
}
.widget .current-cat > a {
text-decoration: underline;
}
.widget .widgettitle {
color: #000;
font-size: 18px;
font-weight: bold;
width: 100%;
border-bottom: 5px solid #d45255;
padding: 0 0 10px 0;
margin: 0 0 20px 0;
}
.widget .widgettitle a,
.widget .widgettitle a:hover {
color: #000;
}
.textwidget {
line-height: 24px;
}

/* Search Widget */
#searchform {
width: 100%;
float: left;
overflow: hidden;
position: relative;
}
#searchbar {
float: left;
width: 100%;
padding: 12px 50px 13px 10px;
border: 0;
background: #f7f7f7;
}
#top-bar #searchbar {
padding: 7px 50px 8px 10px;
}
#searchsubmit {
position: absolute;
top: 0;
right: 0;
height: 32px;
text-indent: -9999px;
background: url(lib/images/icons_howtocookthat.png) -57px -24px;
}
#searchsubmit:hover {
background-position: -57px -54px;
}

/* Calendar Widget */
#wp-calendar {
margin: 0 auto;
width: 100% !important;
}
#wp-calendar th {
background: #eee;
border: 1px solid #fff;
font-weight: bold;
padding: 8px;
text-align: center;
}
#wp-calendar td {
background: #eee;
border: 1px solid #fff;
padding: 8px;
text-align: center;
}
#wp-calendar #today {
background: #52C0D4;
color: #fff;
}
#wp-calendar #today a {
color: #fff;
}
#wp-calendar caption {
text-align: right;
font-weight: bold;
margin-bottom: 10px;
}

/* Tags Widget */
.tagcloud a {
display: block;
float: left;
font-size: 12px !important;
line-height: 12px;
margin: 0 1px 1px 0;
font-weight: bold;
color: #fff;
background: #52c0d4;
padding: 8px 10px;
}
.tagcloud a:hover {
background: #d45255;
}

/* Popular Widget */
.popular-widget ul.pop-widget-tabs {
background: #52C0D4;
float: left;
}
.popular-widget ul.pop-widget-tabs li {
border: 0;
margin: 0;
}
.popular-widget ul.pop-widget-tabs li a {
border: 0;
background: #52C0D4;
color: #c0f5ff;
font-size: 13px;
line-height: 1;
padding: 10px;
}
.popular-widget ul.pop-widget-tabs li a.active,
.popular-widget ul.pop-widget-tabs li a:hover {
background: #D45255;
color: #fff;
}
.popular-widget div.pop-inside {
border: 0;
}
.popular-widget div.pop-inside ul li {
border: 0;
padding: 20px 0 0 0;
line-height: 21px;
}
.popular-widget div.pop-inside ul li:hover {
background: none;
}
.popular-widget .pop-layout-v div.pop-inside ul li img {
max-width: 60px;
width: auto;
}
.popular-widget div.pop-inside ul li .pop-title {
font-size: 13px;
line-height: 21px;
}
.popular-widget div.pop-inside ul.wp-tag-cloud {
padding: 20px 0 0 0 !important;
}
.popular-widget div.pop-inside ul.wp-tag-cloud li {
display: block;
}
.popular-widget div.pop-inside ul.wp-tag-cloud li a {
display: block;
float: left;
font-size: 12px !important;
line-height: 12px;
margin: 0 1px 1px 0;
font-weight: bold;
color: #fff;
background: #52c0d4;
padding: 8px 10px;
}
.popular-widget div.pop-inside ul.wp-tag-cloud a:hover {
background: #d45255;
text-decoration: none;
}


/************************************ Comments Section ************************************/

/* Comment List */
#comments {
float: left;
width: 100%;
position: relative;
margin: 0;
}
#comments h2 {
clear: none;
font-size: 20px;
margin-bottom: 30px;
}
#comments ol.commentlist {
list-style: none;
margin: 0;
width: 100%;
}
#comments ol.commentlist li {
list-style: none;
padding: 0;
margin: 0 0 30px 0;
position: relative;
border: 0;
}
#comments ol.commentlist li .comment_container {
min-height: 60px;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
}
#comments ol.commentlist .children li.comment {
margin: 20px 0 0 20px;
}
#comments ol.commentlist li .avatar {
float: left;
position: absolute;
top: 0;
left: 0;
width: 60px;
height: auto;
margin: 0;
line-height: 1;
}
.commentlist .avatar {
left: -102px;
padding: 0;
position: absolute;
top: 0;
}
#comments ol.commentlist li .comment-text {
margin: 0 0 0 80px;
}
#comments ol.commentlist li.bypostauthor > .comment-text {
background: #fbfbfb;
}
#comments ol.commentlist li .post-meta {
margin-bottom: 5px;
float: left;
width: 100%;
text-align: left;
padding-bottom: 0;
border: 0;
font-size: 12px;
}
.comment-reply-link,
#cancel-comment-reply-link {
float: right;
background-color: #D45255;
color: #fff;
font-weight: bold;
font-size: 11px;
padding: 4px 8px;
line-height: 1;
}
.comment-reply-link:hover,
#cancel-comment-reply-link:hover {
color: #fff;
background-color: #52C0D4;
}

/* Comment Form */
#reply-title {
font-size: 20px;
}
#respond p {
margin: 10px 0;
}
#respond .comment-notes,
#respond .logged-in-as {
font-size: 12px;
}
#respond label {
font-weight: bold;
}
#respond .comment-form-author input,
#respond .comment-form-email input,
#respond .comment-form-url input {
display: block;
}
.form-allowed-tags {
display: none;
}
.commentlist #respond {
margin: 20px 0 0;
width: auto;
}
#respond .form-submit {
text-align: right;
}


/************************************ Footer ************************************/

/* Footer */
#footer {
float: left;
width: 100%;
background: #fbfbfb;
border-top: 1px solid #F4F4F4;
border-bottom: 10px solid #f4f4f4;
margin: 0 0 30px 0;
padding: 30px 30px 0 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/* Footer Widgets */
.footer-widget {
float: left;
padding-left: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#footer div:first-child {
padding-left: 0;
}
.footer-widget .widget {
padding: 0;
margin-bottom: 30px;
}
.footer-whole {
width: 100%;
}
.footer-half {
width: 50%;
}
.footer-third {
width: 33.33%;
}
.footer-fourth {
width: 25%;
}
.footer-fifth {
width: 20%;
}
.footer-widget .widget .widgettitle {
font-size: 14px;
border-color: #52c0d4;
}

/* Copyright */
#copyright {
float: left;
position: relative;
width: 100%;
padding: 0 0 30px 0;
text-align: center;
font-size: 11px;
line-height: 17px;
color: #999;
}
.wpengine-promo {
display: none;
}


/************************************ Page Navigation ************************************/

/* Page & Comments Navigation */
.wp-pagenavi {
margin: 20px 0 0 0;
float: left;
width: 100%;
font-weight: bold;
text-align: right;
}
.wp-pagenavi.post-navi {
margin: 0 0 20px 0;
}
.wp-pagenavi .pages {
float: left;
background: none;
margin: 0;
padding-left: 0;
color: #666;
}
.wp-pagenavi span,
.wp-pagenavi.cat-navi a,
.wp-pagenavi.comment-navi a,
.wp-pagenavi.post-navi a span {
display: inline-block;
background: #52C0D4;
padding: 4px 8px;
margin-left: 3px;
color: #fff;
line-height: 16px;
}
.wp-pagenavi.post-navi a,
.wp-pagenavi.post-navi span {
margin-left: 0 !important;
}
.wp-pagenavi .current,
.wp-pagenavi.cat-navi a:hover,
.wp-pagenavi.comment-navi a:hover,
.wp-pagenavi .page:hover,
.wp-pagenavi.post-navi span,
.wp-pagenavi.post-navi a span:hover {
background: #D45255;
}


/************************************ Back To Top ************************************/

#toTop {
z-index: 999;
display: none;
position: fixed;
bottom: 20px;
right: 20px;
overflow: hidden;
background: #52c0d4;
padding: 10px 15px 8px 15px;
font-size: 24px;
color: #fff;
}
#toTop:hover {
background: #d45255;
}
#toTopHover {
display: block;
overflow: hidden;
float: left;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0);
opacity: 0;
}
#toTop:active,
#toTop:focus {
outline:none;
}


/****************************** Expandable Comments for mobile layouts ***************/

.view-comments-button { 
	background-color: #52c0d4;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    padding: 4px 8px;
    margin: 0px 8px;
    display: none; /*hide on default / desktop layout */
}
.view-comments-button a { text-decoration: none; }

.view-comments-button:hover { 
	background-color: #d45255;
	color: #fff;
 }

/*Hide comments and display button on mobile layouts */
@media (max-width: 768px) {
	.commentlist { display: none; }
	.view-comments-button { display: inline; }
}


/****************************** Customizations for "Your Channel" video gallery plugin ***************/

.yrc-ratings {display:none !important;}
	
.yrc-video-duration {
    background-color: #000 !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: bold !important;
    height: 14px !important;
    line-height: 14px !important;
    bottom: 9px !important;
    right: 2px !important;
    opacity: 0.75;
    padding: 0 4px;
    vertical-align: top;
}

.video-description {
	z-index: 100;
}


/****************************** Customizations for Woo Commerce plugin ***************/
/*Style Customizations*/
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: #52c0d4;
  color: #fff;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  background-color: #d45255;
  color: #fff;
}
.woocommerce ul.products li.product a img {
  max-height:184px;
}
.woocommerce ul.products li.product {
    float: left;
    margin: 0px 15px 60px 15px;
    padding: 0;
    position: relative;
    width: 22.05%;
    height: 265px;
}
.woocommerce-checkout #payment {
  background: #fff none repeat scroll 0 0;
  border-radius: 5px;
}
.woocommerce table.cart td.actions a.wc-forward {
  font-size: 100%;
  font-weight: 700;
  padding: 0.90em 1em 0.96em 1em;
}
/*Hide Order Notes field on checkout*/
#customer_details > div.col-2 > div.woocommerce-additional-fields {display: none;}
.woocommerce .woocommerce-shipping-fields p#order_comments_field {display: none;}
/*.woocommerce .woocommerce-shipping-fields h3 {display: none;}*/
/*Custom related post link*/
.woocommerce ul.products li.product .related-post {
  display:block;
  min-height: 24px;
}
/*Style updates to order confirmation screen*/
.woocommerce-checkout.woocommerce-order-received p.cart-empty {display: none;}
.woocommerce-checkout.woocommerce-order-received p.return-to-shop {display: none;}
/*Hide Downloads remaining fields on checkout*/
.woocommerce-order-downloads th.download-remaining {color:transparent; font-size:0;}
.woocommerce-order-downloads td.download-remaining {color:transparent; font-size:0;}
/*font-size: 22px;*/

/*Custom Buy it now button*/
.woocommerce a.buy-it-now-button {
  color: #fff;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 2.5 !important;
  letter-spacing: 0;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  cursor: pointer;
  padding: 0px !important;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.woocommerce a.buy-it-now-button > span {
  padding: 10px;
  border-image: url('') none;
  border-style: solid;
  border-width: 1px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; 
  position: relative;
}
.woocommerce a.buy-it-now-button .button-label {
  background: #52c0d4 no-repeat;
  border-color: #3CA1B3;
  border-radius: 3px 0 0 3px;
  white-space: nowrap;
}
.woocommerce a.buy-it-now-button .amount {
  background: #fff none repeat scroll 0 0 !important;
  color: #55646b !important;
  text-shadow: none !important;
  border-color: #ced8de;
  border-radius: 0 3px 3px 0;
  z-index: 1;
}
.woocommerce a.buy-it-now-button:hover, .woocommerce li.product:hover a.buy-it-now-button {
  -ms-transform: scale(1.10);
  -webkit-transform: scale(1.10);
  transform: scale(1.10);
}
.woocommerce a.buy-it-now-button:hover .button-label, .woocommerce li.product:hover a.buy-it-now-button .button-label {
  color: #fff;
  background-color: #d45255;
  border-color: #B02D30;
}
.woocommerce a.buy-it-now-button .amount::after {
  border-color: transparent #fff transparent transparent;
  border-style: solid;
  border-width: 7px 7px 7px 0;
  content: "";
  display: block;
  height: 0;
  left: 0;
  margin-left: -7px;
  margin-top: -7px;
  position: absolute;
  top: 50%;
  transition: inherit;
  width: 0;
}

/*Custom Downloads button*/
.woocommerce td.product-name small a {
  color: #fff;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 2.5 !important;
  letter-spacing: 0;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.woocommerce td.product-name small a {
  padding: 10px;
  border-image: url('') none;
  border-style: solid;
  border-width: 1px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; 
  position: relative;
  background: #52c0d4 no-repeat;
  border-color: #3CA1B3;
  border-radius: 3px;
}

.woocommerce td.product-name small a:hover {
  -ms-transform: scale(1.10);
  -webkit-transform: scale(1.10);
  transform: scale(1.10);
}
.woocommerce td.product-name small a:hover {
  color: #fff;
  background-color: #d45255;
  border-color: #B02D30;
}


/*Images Fix*/
.woocommerce ul.products li.product a img { 
  width: 151px;
}

/*Shop Products fix*/
div.related.products, div.upsells.products {
  clear: both;
}

.woocommerce ul.products li.product {
  clear: right;
}

.woocommerce .sale a.buy-it-now-button {
	height: 41px;
}

.woocommerce ul.products li.product .button {
    margin: 5px 0 1px !important;
}

.woocommerce ul.products li.product.sale .button {
    margin: 5px 0 0 !important;
}

.woocommerce .sale a.buy-it-now-button del {
	width: 70px;
    height: 37px;
    display: inline-block;
    background: white;
    border: 1px solid;
    border-radius: 0px 3px 3px 1px;
    border-color: #ced8de;
    position: relative;
    top: 1px;
}
.woocommerce .sale a.buy-it-now-button del .amount {
    position: relative;
    background: none !important;
    border: none !important;
    margin: 0;
    padding: 0;
    bottom: 11px;
    font-size: 13px;
    text-decoration: line-through;
    color: #aaa !important;
    font-weight: normal !important;
}
.woocommerce .sale a.buy-it-now-button del .amount:after {
    margin-left: -22px !important;
    margin-top: 2px !important;
}
.woocommerce .sale a.buy-it-now-button ins .amount {
    display: inline-block;
    position: absolute;
    background: none !important;
    border: none !important;
    margin: 0;
    padding: 0;
    bottom: -6px;
    right: 14px;
    font-size: 14px;
}
.woocommerce .sale a.buy-it-now-button ins .amount:after {
	display: none;
}

.woocommerce ul.products li.product .onsale {
    top: -7px !important;
    right: auto !important;
    left: -14px !important;
    margin: 0 !important;
}

.woocommerce span.onsale {
	left: 0 !important;
}

.woocommerce ul.products li.product .related-post {
	display: none !important;	
}

/*Newsletter subscribe during checkout */
.woocommerce form .form-row label, .woocommerce-page form .form-row .checkout-subscribe-signup label {
  display: inline-block;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: left;
}


/*Responsive customizations to shop page */
@media (max-width: 1500px) { 
	.woocommerce ul.products li.product .related-post { font-size: 13px;}
	.woocommerce ul.products li.product h3 {font-size: .75em; padding: 0 0.25em 10px;}
	.woocommerce ul.products li.product { margin: 0 15px 60px; width: 200px; height: 265px;}
	.woocommerce ul.products li.product a img { max-height: 151px;}
}
@media (max-width: 770px) {
	#header-content {margin-top: -90px !important;}
}
@media (max-width: 540px) { 
	.woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n) {float: none;}
	.woocommerce ul.products li.product { margin: 0 auto 60px; width: 200px; height: auto; float: none;}
}
/********************************remove tags o shop page******************************/
.product_meta {
   display: none;
}


/* Social Share on Image Hover */
#social-share-image-hover {
	position: absolute;
	width: 0px;
	height: 0px;
	overflow:hidden;
	z-index: 200;
}
#social-share-image-hover a.facebook, #social-share-image-hover a.pinterest, #social-share-image-hover a.twitter, #social-share-image-hover a.email, #social-share-image-hover a.link {
	width: 50px;
	height: 50px;
	display: inline-block;
	clear: both;
	float: left;
	font-family: FontAwesome;
	font-size: 24px;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    color: #fff;
    opacity: 0.8;
}
#social-share-image-hover a:hover {
	opacity: 1;
}
#social-share-image-hover a.facebook {
	background: #2d5f9a;
}
#social-share-image-hover a.pinterest {
	background: #cd252b;
}
#social-share-image-hover a.twitter {
	background: #00c3f3;
}
#social-share-image-hover a.email {
	background: #666666;
}
#social-share-image-hover a.link {
	background: #0077ee;
}
#social-share-image-hover a.facebook::before, #social-share-image-hover a.pinterest::before, #social-share-image-hover a.twitter::before, #social-share-image-hover a.email::before, #social-share-image-hover a.link::before {
	position: relative;
}
#social-share-image-hover a.facebook::before {
	content: "\f09a";
	top: 15px;
	left: 20px;
}
#social-share-image-hover a.pinterest::before {
	content: "\f0d2";
	top: 12px;
	left: 15px;
}
#social-share-image-hover a.twitter::before {
	content: "\f099";
	left: 14px;
	top: 14px;
}
#social-share-image-hover a.email::before {
	content: "\f0e0";
	left: 13px;
	top: 13px;
}
#social-share-image-hover a.link::before {
	content: "\f0c1";
	left: 14px;
	top: 15px;
}


/*********************************  Responsive Styles *********************************/
/*********************************  Computer < 1500 *********************************/

@media only screen and (max-width: 1500px) {


	/*********  Content Areas *********/

	/* Page Wrapper */
	#page-wrapper,
	#header {
	width: 1100px !important;
	}
	
	/* Main Content */	
	#content {
	width: 770px !important;	
	}
	
	/* Sidebar */
	#sidebar {
	width: 300px !important;	
	}	
	
	
	/*********  Top Bar *********/
	
	/* Top Bar 
	#top-bar-inner {
	width: 1100px !important;
	}*/


	/*********  Widgets *********/
	
	/* Calendar Widget */
	#footer #wp-calendar th {
	padding: 4px;
	}
	#footer #wp-calendar td {
	padding: 4px;
	}


}

@media only screen and (min-width: 1200px) {

	#body-nav.nav .menu li a,
	body #body-nav.nav .menu li:first-child a {
	padding: 3px 16px 4px;
	font:600 16px/16px 'open sans', helvetica, arial, sans-serif;
	}

}


/*********************************  Computer < 1200 *********************************/

@media only screen and (max-width: 1199px) {


	/*********  Content Areas *********/

	/* Page Wrapper */
	#page-wrapper,
	#header {
	width: 980px !important;
	}
	
	/* Main Content */	
	#content {
	width: 650px !important;	
	}
	
	/* Sidebar */
	#sidebar {
	width: 300px !important;	
	}	


	/*********  Top Bar *********/
	
	/* Top Bar 
	#top-bar-inner {
	width: 980px !important;
	}*/


	/********* Shortcodes: Carousel *********/
	
	/* Carousel Post */
	.carousel-wrapper .post-text h2 {
	font-size: 12px;
	}


}


/*********************************  iPad (Landscape)  *********************************/

@media only screen and (max-width: 1024px) {


	/*********  Content Areas *********/

	/* Page Wrapper */
	#page-wrapper,
	#header {
	width: 960px !important;
	}
	
	/* Main Content */	
	#content {
	width: 630px !important;	
	}
	
	/* Sidebar */
	#sidebar {
	width: 300px !important;	
	}	
	

	/*********  Top Bar *********/
	
	/* Top Bar 
	#top-bar-inner {
	width: 960px !important;
	}*/
	

	/*********  Review Box *********/

	/* Review Box Wrapper */
	#gp-review-wrapper.review-position-left,
	#gp-review-wrapper.review-position-right {
	width: 100%;
	margin-left: 0;
	margin-right: 0; 
	}
		
		
	/********* Shortcodes: Slider *********/

	/* Slide Caption */
	.caption {
	width: 200px;
	padding: 15px;
	}
	.caption h2 {
	font-size: 14px;
	}
	.caption p {
	font-size: 11px;
	line-height: 16px;
	}
	

}

@media only screen and (min-width: 1025px) {

	body #top-bar-inner {
	top: 69px;
	}
	body #top-bar-inner .wrap.pink {
    padding: 1px 0 0;
    }
    body #top-nav.nav {
    top: 69px;
    right: 20px;
    width: 100%;
    }
    #top-nav .nav-1 {
    float: right;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1024px) {

	body #top-bar-inner {
	top: 54%;
	}
	body #top-bar-inner .wrap.pink {
    padding: 2px 0 0;
    }
    body #top-nav.nav {
    top: 54%;
    right: 20px;
    }
}


/*********************************  iPad (Portrait)  *********************************/

@media only screen and (min-width: 770px) and (max-width: 959px) {


	/*********  Content Areas *********/

	/* Page Wrapper */
	#page-wrapper,
	#header {
	width: 748px !important;
	}
	
	/* Header Content */
	body #header-content {
	width: 96%;
	margin: 20px 2% 0;
	}
	
	/* Main Content */	
	#content {
	width: 530px !important;	
	}

	/* Sidebar */
	#sidebar {
	width: 188px !important;
	}
	
		
	/*********  Top Bar *********/
	
	/* Top Bar 
	#top-bar-inner {
	width: 748px !important;
	}*/


	/*********  Review Box *********/

	/* Review Box Wrapper */
	#gp-review-wrapper.review-position-left,
	#gp-review-wrapper.review-position-right {
	width: 100%;
	margin-left: 0;
	margin-right: 0; 
	}
			

	/*********  Widgets *********/
	
	/* Calendar Widget */
	#wp-calendar th {
	padding: 4px;
	}
	#wp-calendar td {
	padding: 4px;
	}


	/*********  Shortcodes: Featured Posts *********/
	
	/* Post Loop */
	.featured-small-posts .post-thumbnail {
	display: none;
	}
	.featured-small-posts .post-text {
	margin-left: 0 !important;
	}
				
	#social-icons {
	padding: 17px 0 0 15px;
	}		
	.header-widget-1 {
	top: 8px;
	}	
	
	
	body #top-bar-inner {
	top: 70px;
	}
	body #top-bar-inner .wrap.pink {
    padding: 2px 0;
    }
    #top-nav.nav {
    top: 72px;
    }
    
    #header-content {
	margin: 70px 2% 0;
	}
	
	
	.home #header,
	.single-post #header {
	padding: 150px 0 0;
	}
	#body-nav.nav .menu li a,
	body #body-nav.nav .menu li:first-child a {
	padding: 3px 11px 4px;
	font:600 13px/13px 'open sans', helvetica, arial, sans-serif;
	}
    
	
}


/******************************************  iPhone (Landscape)  ******************************************/

@media only screen and (max-width: 770px) {

	
	/*********  Content Areas *********/

	#header {
	width: 100% !important;
	top: -30px;
	margin: 0 auto -30px;
	}
	.home #header,
	.single-post #header {
	padding: 50px 0 0;
	}
	
	/* Page Wrapper */
	#page-wrapper {
	width: 96% !important;
	padding: 0 20px 2%;
	}
		
	/* Main Content */	
	#content {
	width: 100% !important;
	}

	/* Sidebar */
	#sidebar {
	width: 100% !important;
	margin-top: 50px;
	padding-top: 50px;
	border-top: 2px solid #eee;
	}


	/*********  Top Bar *********/
	
	/* Top Bar */
	#top-bar {
	position: relative;
	top: 0px;
	margin: 0;
	background: url(lib/images/logo_x.png) 0 0 repeat-x;
	/*height: 54px;*/
	border: none;
	}
	#top-bar.scrolled {
	position: fixed;
	}
	#top-bar.scrolled .wrap {
	padding: 0;
	}
	#top-bar-inner {
	padding: 0;
	height: 93px;
	}
	.scrolled #top-bar-inner {
  	height: 54px;
  	box-shadow: none;
	}
	#top-bar-inner .wrap.pink {
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.45);
	}

	a.nav-toggle {
	position: absolute;
	width:48px;
	height: 40px;
	margin: 0 0 -1px;
	z-index: 1000;
	top:-70px;
	right: 5px;
	left: auto;
	text-indent: -9999px;
	background: url(lib/images/icons_howtocookthat.png) 0 0 no-repeat;
	}	
	/*a.nav-toggle:before {
	position: absolute;
	content: '';
	top:3px;
	left:7px;
	background: url(lib/images/icons_howtocookthat.png) 0 0 no-repeat;
	width:33px;
	height: 33px;
	}*/
	/* responsive search button */
	a#nav-button-0 {
	right:20px;
	top:20px;
	background-position: -48px -89px;
	height: 40px;
	}
	a#nav-button-0:hover {
	background-position: -48px -129px;
	}
	
	.scrolled a#nav-button-0 {
	top: 8px;
	}
	
	/* responsive menu button */
	a#nav-button-1 {
	right:auto;	
	left:20px;
	top:20px;
	background-position: 9px 8px;
	}
	a#nav-button-1:hover {
	background-position: 9px -32px;
	}
	.scrolled a#nav-button-1 {
	top: 8px;
	}
	
	
	
	.scrolled #top-bar-inner a.nav-toggle:before {
    background-position: -35px 5px;
	}
	
	.scrolled #top-bar-inner a.nav-toggle#nav-button-0:before {
	background-position: -37px -26px;
	}
	
	a.nav-toggle:hover,
	a.nav-toggle.active {
	background: url(lib/images/icons_howtocookthat.png) -70px 0 no-repeat;
	}
	a.nav-toggle.active {
	}
	a#nav-button-1:hover:before,
	a#nav-button-1.active:before,
	.scrolled #top-bar-inner a#nav-button-1:hover:before,
	.scrolled #top-bar-inner a#nav-button-1.active:before {
	background-position: 1px -24px;
	}
	a#nav-button-0:hover:before,
	a#nav-button-0.active:before,
	.scrolled #top-bar-inner a#nav-button-0:hover:before,
	.scrolled #top-bar-inner a#nav-button-0.active:before {
	background-position: 2px 6px;
	}
	
	
	.animated,
	#top-bar.scrolled { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: ease-out; 
    animation-timing-function: ease-out; 
	}
	
	@-webkit-keyframes bounceInDown { 
   0% { 
       opacity: 0; 
        -webkit-transform: translateY(-2000px); 
    } 
    60% { 
        opacity: 1; 
        -webkit-transform: translateY(0px); 
    } 
    80% { 
        -webkit-transform: translateY(-15px); 
    } 
    100% { 
        -webkit-transform: translateY(0); 
    } 
  } 

  @keyframes bounceInDown { 
    0% { 
        opacity: 0; 
        transform: translateY(-2000px); 
    } 
    60% { 
        opacity: 1; 
        transform: translateY(0px); 
    } 
    80% { 
        transform: translateY(-15px); 
    } 
    100% { 
        transform: translateY(0); 
    } 
  } 

  .bounceInDown,
  #top-bar.scrolled { 
    -webkit-animation-name: bounceInDown; 
    animation-name: bounceInDown; 
  }


	.nav-1.nav-collapse {
	height: 60px;
	}
	.nav-1.nav-collapse.closed {
	display: none;
	}
	.nav-1.nav-collapse.opened {
	display: block;
	}

	/* Social Icons */
	#social-icons {
	padding: 20px 0 10px;
	float: none;
	margin: auto;
	text-align: center;
	width: 70%;
	height: 24px;
	display: relative;
	}
	#social-icons a {
	float: none;
	display: inline-block;
	margin: 0 5px;
	color: #fff;
	}
	#social-icons a:hover {
	color: #E93952;
	}
	
	.scrolled #top-bar-inner #social-icons {
    display: none;
	}
	
	/* Drop Down Nav */
	#top-bar ul {
	position: absolute;
	top:0;
	left:0;
	right:0;
	width: 100%;
	padding: 2% 0;
	}
	#top-nav.nav {
	top: 95px;
	left:0;
	}
	#top-bar .opened,
	#top-bar.scrolled .opened {
	display: block;
	max-height: none !important;
	border-bottom: 1px solid #3CA1B3;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
	background: rgba(70,193,210,.96) url(lib/images/drop-shadow.png) 0 0 repeat-x;
	}
	#top-bar:hover ul,
	#top-bar .opened ul {
	display: block !important;
	position: relative;
	}
	#top-bar ul li {
	list-style: none;
	margin: 2px 5px;
	width:45%;
	}
	#top-bar ul li a,
	#top-nav.nav .menu li a {
	display: block;
	color: #fff;
	text-shadow: -1px -1px 1px rgba(0,0,0,.2);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	font: 600 15px/25px 'open sans' , helvetica, arial, sans-serif
	}
	#top-bar ul li.current-menu-item a {
	background: rgba(255,255,255,.15);
	}
	#top-bar ul li.current-menu-item#menu-item-5049 a {
	background: none;
	}
	#top-bar ul li a:hover,
	#top-bar ul.menu li a:hover,
	#top-nav.nav .menu li a:hover,
	#top-bar ul li.current-menu-item#menu-item-5049 a:hover {
	background: rgba(255,255,255,.95);
	color: #e93952;
	cursor: pointer;
	text-shadow: 1px 1px 1px #fff;
	}
	
	#top-bar ul li.current-menu-item a:before {
	content:">";
	margin: 0 10px 0 0;
	color: #bdd452;
	}
	
	#top-bar ul li.current-menu-item#menu-item-5049 a:before {
	display: none;
	}
	#top-bar ul ul,
	#top-bar ul ul li,
	#top-bar ul .mobile-menu-item-5056,
	#top-bar ul .mobile-menu-item-5052,
	#top-bar ul .mobile-menu-item-5051,
	#top-bar ul.mobile-menu li:first-child,
	#top-nav.nav .menu .sub-menu {
	display: none !important;
	}
	
	/*#top-bar ul#menu-top-navigation-menu-h2ct,
	#top-bar ul li.menu-item-5057,
	#top-bar ul li.menu-item-5053,
	#top-bar ul li.menu-item-5049,
	#top-bar ul li.menu-item-5058 {
	float: right;
	clear: right;
	width:100%;
	position: relative;
	z-index: 1000;
	}*/
	
	#top-nav .nav-collapse.closed {
	display: none;
	}
	body div#top-nav div.nav-collapse.opened,
	.js div.nav-collapse-0.opened {
	display: block;
	max-height: 9999px !important;
	margin: 0;
	padding: 0;
	}
	#top-bar ul#menu-top-navigation-menu-h2ct {
	width:35%;
	position: relative;
	right: 0;
	left:auto;
	}
	
	#top-bar #searchform {
	display: block;
	padding: 25px 5%;
	width:90.5%;
	}
	#top-bar #searchsubmit {
	top: 25px;
	right: 5%;	
	}
	
	
	/*********  Header *********/

	/* Mobile Logo */
	.logo-mobile {
	text-align: center;
	width: 100%;
	display: block;
	z-index: 1000;
    height: 72px;
    font-size: 
    float: none;
    margin: auto;
	}
	.logo-mobile img {
	max-width: 305px;
	width: 75%;
	padding: 2px 0 0;
	}
	.scrolled #top-bar-inner .logo-mobile {
    display: none;
	}
	.header-widget-2 {
	font-size: 15px;
	padding: 3px 0 0;
	}
	.scrolled .header-widget-2 {
	padding: 2px 0 6px;
	}
	
		/* Mobile Logo */
	.logo-mobile-navcenter {
	text-align: center;
	width: 70%;
	display: none;
	z-index: 1000;
    height: 52px;
    float: none;
    margin: auto;
	}
    .scrolled #top-bar-inner .logo-mobile-navcenter {
    display: block;
	}

	#logo {
	display: none;
	}

	/* Header Content */
	#header-content {
	width: 96%;
	margin: 10px 2% 0;
	}
	
	
	/* social icons */
	#social-icons {
	width: 42%;
	float: left;
	margin: 3px 0 0 2%;
	text-align: left;
	}
	
	/* search */
	.header-widget-1 {
	float: right;
	width: 52%;
	position: relative;
	top:12px;
	right:auto;
	}
	#top-bar #searchform {
	padding: 7px 5%;
	}
	#top-bar #searchsubmit {
    top: 8px;
    right: 4%;
    }

	/*********  Navigation Menus *********/
	
	/* Nav Wrapper */
	#top-nav {
	float: none;
	margin: 0; 
	position: relative;
	top: 2px;
	}
	#top-nav > ul,
	#body-nav {
	display: none;
	}
	#top-nav select {
	display: block;
	height: 30px;
	padding: 6px;
	width: 100%;
	font-size: 12px;
	border: 1px solid #888;
	}	
	#body-nav.nav {
	border-top: none;
	position: relative;
	}
	#top-bar ul li {
	margin: 2px 0;
	width: 48%;
	}
	#body-nav.nav .menu li a,
	body #body-nav.nav .menu li:first-child a {
	padding: 3px 4px 4px;
	font:600 14px/14px 'open sans', helvetica, arial, sans-serif;
	}
		
	/*********  Page/Post Styling *********/

	#page-wrapper {
	margin: 40px auto 0;
	}
	
	/* Page/Post Title */
	.page-title {
	font-size: 34px;
	margin: 0 0 24px;
	}

	/* Posts */
	.post-wrapper .post-loop {
	width: 100% !important;
	}
	.post-text {
	width: 100%;
	}

	/* Post Categories */
	.single-post .meta-cats a {
	font-size: 12px;
	line-height: 12px;
	}
	
	/* Post Share Meta */
	.meta-share {
	margin: 20px 0 0 0;
	width: 100%;
	clear: both;
	text-align: left;
	}

	
	/*********  Lightbox *********/

	.pp_pic_holder.pp_default {
	width: 95% !important; 
	left: 5% !important;
	}
	.pp_content {
	width: 98% !important;
	height: auto !important;
	}
	.pp_fade {
	width: 100% !important;
	height: 100% !important;
	padding-bottom: 40px;
	}
	#pp_full_res img,
	#pp_full_res iframe {
	width: 100% !important;
	height: auto !important;
	max-width: none !important;
	}
	.pp_details {
	width: 100% !important;
	}
	.ppt {
	width: 100% !important;
	margin-left: 0 !important;
	}
			

	/*********  Review Box *********/

	/* Review Box Wrapper */
	#gp-review-wrapper.review-position-left,
	#gp-review-wrapper.review-position-right {
	width: 100%;
	margin-left: 0;
	margin-right: 0; 
	}

	/* Site Scores */
	#gp-site-ratings-wrapper .gp-rating-wrapper,
	.gp-user-rating-wrapper.gp-rating-wrapper {
	height: 60px;
	}
	#gp-site-ratings-wrapper .gp-stars-wrapper,
	.gp-user-rating-wrapper .gp-stars-wrapper {
	top: 40px;
	left: 20px;
	}	
	
				
	/*********  Shortcodes: Blockquotes *********/
	
	blockquote,
	.blockquote-left,
	.blockquote-right {
	width: 100%;
	margin: 0 0 12px 0;
	padding: 0;
	}
	

	/********* Shortcodes: Carousel *********/
	
	/* Carousel Post */
	.carousel-wrapper .post-text h2 {
	font-size: 10px;
	}
	
		
	/*********  Shortcodes: Columns *********/

	/* General */
	.columns {
	width: 100% !important;
	margin: 0 0 20px 0;
	}
	.columns > div {
	height: auto !important;
	}
	.columns .sc-image {
	position: relative !important;
	}
	
	/* Joint Columns */
	.joint > div {
	border-left-width: 0;
	}
	.three.first.joint > div,
	.three.middle.joint > div {
	border-bottom-width: 1px;
	}
	

	/*********  Shortcodes: Featured Posts *********/
	
	/* Post Loop */
	.horizontal .featured-small-posts {
	width: 100%;
	}
	.horizontal .featured-small-post:first-child {
	margin-top: 30px !important;
	}
	.featured-small-posts .post-thumbnail {
	display: none;
	}
	.featured-small-posts .post-text {
	margin-left: 0 !important;
	}	
			

	/*********  Shortcodes: Images *********/
	
	/* Image */
	.sc-image,
	.sc-image img {
	height: auto !important;
	}


	/********* Shortcodes: Slider *********/

	/* Slide Caption */
	.caption {
	width: 200px;
	padding: 10px;
	}
	.caption h2 {
	font-size: 12px;
	margin-bottom: 5px;
	}
	.caption p {
	font-size: 11px;
	line-height: 16px;
	}
		
		
	/*********  Shortcodes: Tabs *********/
	
	.ui-tabs .ui-tabs-nav li { 
	width: 100%;
	border-bottom-width: 1px !important;
	}
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
	border-bottom-color: #eee;
	}
	
		
	/*********  Comments Section *********/
	
	/* Comment Box */
	.comment-avatar {
	display: none;
	}
	.comment-body {
	margin-left: 0;
	}
	
	/* Child Comments */
	#commentlist .children .comment-body {
	margin-left: 10px;
	}


	/*********  Footer *********/ 
	
	/* Footer */
	#footer {
	padding: 10px 10px 0 10px;
	}

	/* Footer Widgets */
	.footer-widget {
	width: 100%;
	padding: 0;
	}
		
		
}


@media only screen and (min-width: 550px) and (max-width: 770px) {
	
	#top-bar ul#menu-top-navigation-menu-h2ct {
	width:31%;
	}
	#top-bar ul li {
	float: left;
	width:31%;
	margin: 2px 1%;
	}
	body div#top-nav div.nav-collapse.opened,
	.js div.nav-collapse-0.opened {
	padding: 0 0 15px;
	}
	
}


/******************************************  iPhone (Portrait)  ******************************************/

@media only screen and (max-width: 480px) {

	#top-bar {
	/*height: 74px;*/
	}
	#top-nav {
	display: none;
	}
	

	/********* Shortcodes: Slider *********/

	/* Slide Caption */
	.caption {
	display: none;
	}
	
	/*********  Search *********/
	.header-widget-1 {
	position: relative;
	right: auto;
	top: auto;
	width: 100%;
	float: none;
	background: url("lib/images/logo_x.png") repeat-x scroll 0 0;
	}
	
	
	#top-bar.scrolled .opened {
	padding: 20px 0 0;
	}
		
	#social-icons {
	text-align: center;
	padding: 16px 0 0;
	height: 21px;
	width: 100%;
	float: none;
	margin: auto;
	}	
	
	a#nav-button-0 {
	right:2px;
	}
	a#nav-button-1 {
	left:2px;
	}
	
	body div#top-nav div.nav-collapse.opened,
	.js div.nav-collapse-0.opened {
	height: 90px;
	}
}

@media (max-width: 770px) {
	
	.nav-collapse ul {
	margin: 0;
	padding: 0;
	width: 100%;
	display: block;
	list-style: none;
	}
	
	.nav-collapse li {
	width: 100%;
	display: block;
	}
	
	.js .nav-collapse {
	clip: rect(0 0 0 0);
	max-height: 0;
	position: absolute;
	display: block;
	overflow: hidden;
	zoom: 1;
	}
	
	.nav-collapse.opened {
	max-height: 9999px;
	}
	
	.nav-collapse.disable-pointer-events {
	pointer-events: none !important;
	}
	
	.nav-toggle {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	}
	
}


@media (min-width: 770px) and (max-width: 870px) {
	#body-nav .wrap {
	padding: 8px 0 1px;
	}
	#body-nav.nav {
	margin: 0 !important;
	}
	
}

@media screen and (min-width: 770px) {

	.js .nav-collapse {
	position: relative;
	}
	.js .nav-collapse.closed {
	max-height: none;
	}
	.nav-toggle {
	display: none;
	}
	.logo-mobile {
	display: none;
	}
	.logo-mobile-navcenter {
	display: none;
	}
	

	


	#logo {
	margin: 5px auto 18px;
	}
	#top-bar-inner {
	position: absolute;
	top:80px;
	left: 0;
	right:0;
	}
	#top-bar-inner .wrap.tan {
	display: none;
	}
	#top-bar-inner .wrap.pink {
	padding: 3px 0 2px;
	}
	
	#body-nav .wrap {
	padding: 4px 0 1px;
	}
	
	#body-nav.nav {
	padding: 10px 0 0;
	margin: -3px 0 0;
	}
	
}
/*********************************customise ninja form********************************/
#ninja_forms_form_7{
    width:450px;
    padding:30px;
    margin:40px auto;
    background: #FFF;
    border-radius: 10px;
    -webkit-border-radius:10px;
    -moz-border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
}
#ninja_forms_form_7_inner_wrap{
    padding: 30px;
    background: #F8F8F8;
    border-radius: 6px;
    margin-bottom: 15px;
}
#ninja_forms_form_7_h1{
    background: #2A88AD;
    padding: 20px 30px 15px 30px;
    margin: -30px -30px 30px -30px;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
    font: normal 30px 'Bitter', serif;
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    border: 1px solid #257C9E;
}
#ninja_forms_form_7_h1 > span{
    display: block;
    margin-top: 2px;
    font: 13px Arial, Helvetica, sans-serif;
}
#ninja_forms_form_7 .label{
    display: block;
    font: 13px Arial, Helvetica, sans-serif;
    color: #111;
    margin-bottom: 15px;
}
#ninja_forms_form_7_input[type="text"],
#ninja_forms_form_7_input[type="date"],
#ninja_forms_form_7_input[type="datetime"],
#ninja_forms_form_7_input[type="email"],
#ninja_forms_form_7_input[type="number"],
#ninja_forms_form_7_input[type="search"],
#ninja_forms_form_7_input[type="time"],
#ninja_forms_form_7_input[type="url"],
#ninja_forms_form_7_input[type="password"],
#ninja_forms_form_7_textarea,
#ninja_forms_form_7_select {
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 8px;
    border-radius: 6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border: 2px solid #fff;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
}

#ninja_forms_form_7_section{
    font: normal 20px 'Bitter', serif;
    color: #2A88AD;
    margin-bottom: 5px;
}
#ninja_forms_form_7_section_span {
    background: #2A88AD;
    padding: 5px 10px 5px 10px;
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 4px solid #fff;
    font-size: 14px;
    margin-left: -45px;
    color: #fff;
    margin-top: -3px;
}
#ninja_forms_form_7_input[type="button"], 
#ninja_forms_form_7_input[type="submit"]{
    background: #2A88AD;
    padding: 8px 20px 8px 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
    font: normal 30px 'Bitter', serif;
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    border: 1px solid #257C9E;
    font-size: 15px;
}
#ninja_forms_form_7_input[type="button"]:hover, 
#ninja_forms_form_7_input[type="submit"]:hover{
    background: #2A6881;
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
}

/******/
/*********************************customise woo category pages to show nav **************/
.navigation.pagination.woocommerce-pagination.sb-hide {display: block !important;}

/******/
/*************customise woo commerce to show sold out on items**************/
/* CSS */
 
.soldout {
padding: 3px 8px;
text-align: center;
background: #222;
color: white;
font-weight: bold;
position: absolute;
top: 6px;
right: 6px;
font-size: 12px;
}