/*

Theme Name: Magical

Theme URI: 

Author: 

Author URI: 

Description: Jewelry Site.

Version: 1

License: GNU General Public License v2.0

License URI: ​http://www.gnu.org/licenses/gpl-2.0.html

Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, featured-images, flexible-header, microformats, post-formats, rtl-language-support, threaded-comments, translation-ready, theme-options, full-width-template, left-sidebar, right-sidebar, editor-style, custom-background, food-and-drink, e-commerce, footer-widgets

*/





/* =Reset

-------------------------------------------------------------- */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	border: 0;

	font-family: inherit;

	font-size: inherit;

	font-style: inherit;

	font-weight: inherit;

	margin: 0;

	outline: 0;

	padding: 0;

	vertical-align: baseline;

	-ms-word-wrap: break-word;

	word-wrap: break-word;

}

html {

	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */

	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */

	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */

	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */

}

body {

	background: #666;

	overflow-x: hidden;

	font-family:sans-serif;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

nav,

section {

	display: block;

}

ol, ul {

	list-style: none;

}

table { /* tables still need 'cellspacing="0"' in the markup */

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	font-weight: normal;

	text-align: left;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}

a:focus {

	outline: thin dotted;

}

a:hover,

a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */

	outline: 0;

}

a img {

	border: 0;

}



/* =Global

----------------------------------------------- */



body,

button,

input,

select,

textarea {

	color: #747474;



	font-size: 1.4rem;

	line-height: 1.9;

}



body {

	background: #333;

}



/* Headings */

h1,h2,h3,h4,h5,h6 {

	clear: both;

	margin: 0.6em 0;

}

h1 {

	font-size: 28px;

	font-size: 2.8rem;

}

h2 {

	font-size: 22px;

	font-size: 2.2rem;

}

h3 {

	font-size: 16px;

	font-size: 1.6rem;

}

h4 {

	font-size: 14px;

	font-size: 1.4rem;

}

h5 {

	font-size: 12px;

	font-size: 1.2rem;

}

h6 {

	font-size: 10px;

	font-size: 1rem;

}

hr {

	background-color: #ccc;

	border: 0;

	height: 1px;

	margin-bottom: 1.5em;

}



/* Text elements */

p {

	margin-bottom: 1.5em;

}

ul, ol {

	margin: 0 0 1.5em 0.5em;

}

ul {

	list-style: none;

}

ol {

	list-style: decimal;

}

ul ul, ol ol, ul ol, ol ul {

	margin-bottom: 0;

	margin-left: 1.5em;

}

dt {

	font-weight: bold;

}

dd {

	margin: 0 1.5em 1.5em;

}

b, strong {

	font-weight: bold;

}

dfn, cite, em, i {

	font-style:normal;

}

blockquote {

	font-style: italic;

	margin: 0 1.5em;

}

address {

	margin: 0 0 1.5em;

}

pre {

	background: #dfd6c7;

	font-family: "Courier 10 Pitch", Courier, monospace;

	font-size: 15px;

	font-size: 1.5rem;

	line-height: 1.6;

	margin-bottom: 1.6em;

	padding: 1.6em;

	overflow: auto;

	max-width: 100%;

}

code, kbd, tt, var {

	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

}

abbr, acronym {

	border-bottom: 1px dotted #666;

	cursor: help;

}

mark, ins {

	background: #fff9c0;

	text-decoration: none;

}

sup,

sub {

	font-size: 75%;

	height: 0;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}

sup {

	bottom: 1ex;

}

sub {

	top: .5ex;

}

small {

	font-size: 75%;

}

big {

	font-size: 125%;

}

figure {

	margin: 0;

}

table {

	margin: 0 0 1.5em;

	width: 100%;

}

th {

	font-weight: bold;

}

button,

input,

select,

textarea {

	font-size: 100%; /* Corrects font size not being inherited in all browsers */

	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */

	vertical-align: baseline; /* Improves appearance and consistency in all browsers */

	*vertical-align: middle; /* Improves appearance and consistency in all browsers */

}

button,

input {

	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */

	*overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */

}

button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

	border: 1px solid #ccc;

	border-color: #ccc #ccc #bbb #ccc;

	border-radius: 3px;

	background: #e6e6e6;

	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);

	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);

	box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);

	color: rgba(0,0,0,.8);

	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */

	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */

	font-size: 12px;

	font-size: 1.4rem;

	line-height: 1;

	padding: 0.8em;

	text-shadow: 0 1px 0 rgba(255,255,255,.8);

}

button:hover,

html input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:hover {

	border-color: #ccc #bbb #aaa #bbb;

	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);

	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);

	box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);

}

button:focus,

html input[type="button"]:focus,

input[type="reset"]:focus,

input[type="submit"]:focus,

button:active,

html input[type="button"]:active,

input[type="reset"]:active,

input[type="submit"]:active {

	border-color: #aaa #bbb #bbb #bbb;

	-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);

	-moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);

	box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);

}

input[type="checkbox"],

input[type="radio"] {

	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */

	padding: 0; /* Addresses excess padding in IE8/9 */

}

input[type="search"] {

	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */

	-moz-box-sizing: content-box;

	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */

	box-sizing: content-box;

}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */

	-webkit-appearance: none;

}

button::-moz-focus-inner,

input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */

	border: 0;

	padding: 0;

}

input[type=text],

input[type=email],

textarea {

	background: rgba( 255, 255, 255, 0.3 );

	border: 1px solid #ccc;

	border-radius: 3px;

	padding: 6px;

}

input[type=text]:focus,

input[type=email]:focus,

textarea:focus {

	background: #fff;

}

textarea {

	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */

	padding-left: 3px;

	vertical-align: top; /* Improves readability and alignment in all browsers */

	width: 98%;

}



/* Links */

a,

a:visited {

	color: #666;

	text-decoration: none;

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

}

a:hover{

	color: #999;

}

a:focus,

a:active {

	color: #666;

}



/* Alignment */

.alignleft {

	display: inline;

	float: left;

	margin-right: 1.5em;

	margin-bottom: 1em;

}

.alignright {

	display: inline;

	float: right;

	margin-left: 1.5em;

	margin-bottom: 1em;

}

.aligncenter {

	clear: both;

	display: block;

	margin: 1.5em auto;

}



/* Text meant only for screen readers */

.assistive-text {

	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

}

.screen-reader-text {

	position: absolute !important;

	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

	clip: rect(1px, 1px, 1px, 1px);

}

.more-link {

	font-size: 10px;

	font-size: 1rem;

	text-transform: uppercase;

	float: right;

	margin-top: 30px;

	background-color: #c59d5f;

	color: #FFF;

	border-radius: 0.2em;

	padding: 4px 8px;

	clear: both;

}

a.more-link {

	color: #FFF;

}

a.more-link:hover {

	background-color: #222;

}

.grid-more-link {

	font-size: 10px;

	font-size: 1rem;

	text-transform: uppercase;

	text-align: center;

	margin-top: 0;

	background-color: #c59d5f;

	color: #FFF;

	border-radius: 0.2em;

	padding: 4px 8px;

	clear: both;

}

.grid-more-link a{

	color: #FFF;

}

.grid-more-link:hover{

	background-color: #222;

}

.widget h4{

	color: #FFF;

	padding: 4px;

	border-radius:0.2em;

	border-bottom: 2px solid #444;

	font-size: 22px;

	font-size: 2.2rem;

}



.widget li{

	padding-bottom: 5px;

	padding-top: 5px;

	border-bottom: 1px solid #444;

}



.widget li a{

	color: #CCC;

}



.widget li a:hover{

	color: #999;

}



#calendar_wrap{

	padding-left: 6px;

}



#calendar_wrap a{

	color: #FFF;

}



#calendar_wrap a:hover{

	color: #CCC;

}



.textwidget{

	padding-left: 6px;

}

.textwidget a{

	color: #FFF;

}

.textwidget a:hover{

	color: #CCC;

}

#secondary li, #tertiary li{

	padding-bottom: 5px;

	padding-top: 5px;

	border-bottom: 1px solid #ecf1f5;

	color: #999;

}



#secondary li a{

	color: #666;

}

#secondary li a:hover{

	color: #000;

}



#tertiary li a{

	color: #666;

}



#tertiary li a:hover{

	color: #000;

}

#sidebar-left li a{

	color: #666;

}

#sidebar-left li a:hover{

	color: #000;

}

#sidebar-left li{

	border-bottom: 1px solid #ecf1f5;

}









/* = Tooltips

----------------------------------------------- */

.tooltipsy

{

    padding: 5px 10px;

    max-width: 200px;

    color: #303030;

    background-color: #FFF;

    font-size:85%;

    border: 1px solid #deca7e;

	border-radius:3px;

	box-shadow:2px 1px 4px #666;

}



/* =Structure

----------------------------------------------- */



#wrap {

	margin: 0 auto;

	padding: 0;

	position: relative;

	background-color: #FFF;

}

.header_container {

	background: #FFF;

	margin: 0 auto;

	max-width: 1160px;

	min-height: 40px;

}



.main-navigation,

.site-title,

.site-description {

    margin: 0 auto;

	max-width: 1160px;

}

#main {

	clear: both;

    overflow: hidden;

}

#primary {

	float: left;

	margin: 0 -27% 0 0;

	width: 94%;

	padding: 10px;

}

#content {

	margin: 0 22% 0 0;

}

#primary_home {

	margin: 0 auto;

	max-width: 1160px;

}

#primary_wrap {

	margin: 0 auto;

	max-width: 1160px;

	padding: 0 8px;

}

#content.fullwidth {

	margin-right: 0;

	padding: 10px;

}

#secondary,

#tertiary {

	background: #FFF;

   	float: right;

   	margin: 0 0.2em 0.4em;

    padding: 1.6em 0.4em 0 0;

    position: relative;

    width: 20%;

	border-radius:0.2em;

}

#tertiary {

	clear: right;

	padding-top: 0;

}

#primary-right {

	float: right;

	margin: 0 0 0 -27%;

	padding: 0.7em;

	width: 98.2%;

}



#content-right {

	margin: 0 0 0 27%;

}

#sidebar-left {

	background: #FFF;

   	float: left;

   	margin: 0.4em 0.2em 0.4em;

    padding: 0;

    position: relative;

    width: 22%;

	border-radius:0.4em;

}

#tertiary-left {

	clear: left;

	padding-top: 0;

}

.site-footer {

	clear: both;

	margin: 0 auto;

	background-color: #2f383d;

	border-top: 4px solid #EFEFEF;

}

.footer_container {

	background: #2f383d;

	margin: 0 auto;

	max-width: 1160px;

	color: #CCC;

}



/* =Site Header

----------------------------------------------- */

#topbar_container {

	margin: 0 auto;

	width: 100%;

	clear: both;

	background: #FFF;

	border-bottom: 1px solid #EFEFEF;

}

.topbar {

	margin: 0 auto;

	max-width: 1160px;

	padding: 0;

	/* overflow: hidden; */

}

.topbar_content_left {

	width: 50%;

	float: left;

	font-size: 14px;

	font-size: 1.4rem;

	color: #666;

	text-align: left;

	padding: 0;

	position: relative;

	top: 8px;

	left: 8px;

}

.topbar_content_left span {

	padding-right: 1em;

	font-size: 0.8em;

}

.topbar_content_left span i {

	padding-right: 0.6em;

}

.topbar_content_right {

	float: right;

	width: 48%;

	position: relative;

	text-align:right;

	/* padding-right: 4px; */

	/* padding-top: 4px; */

	padding: 0;

}



#masthead-wrap {

	top:auto;

	left:auto;

	margin: 0 auto;

	padding-bottom: 0;

	padding-top: 0;

	background-color: #FFF;

	transition:all 3s linear;

}



.stickyHead.is-sticky {

	position: fixed;

	width: 100%;

	left: 0;

	top: -60px;

	height: 10px;

	z-index: 701;

	background: #fff;

	opacity: .97;

	filter: alpha(opacity = 97);

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);

	-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);

	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);

}



.site-header .site-introduction {

	float: left;

	width: 25%;

	padding: 16px 0;

}



.site-title {

	font-size: 22px;

	font-size: 2.2rem;

	padding-left: 6px;

}



.site-description {

	font-size: 13px;

	font-size: 1.3rem;

	padding-left: 6px;

}



.site-title a,

.site-description {

	color: #222;

}



.site-logo {

	padding: 0;

	float: left;

	min-height: 0px;

}



/* =Menu

----------------------------------------------- */



.main-navigation {

    display: block;

	float: right;

	width: 75%;

	position: relative;

}

.main-navigation a {

	color: #666;

    display: block;

    font-size: 1.2rem;

	font-size: 12px;

	height: 40px;

	line-height: 40px;

    text-decoration: none;

	padding: 0px 20px;

	text-transform: uppercase;

}

.main-navigation li > a:after {

	content: "\f0d7";

	font-family: 'fontawesome';

	font-size: 80%;

	position: absolute;

	top: 14px;

	color: #CCC;

	left: 0;

	margin: auto;

	right: 0;

	width: 8px;

}



.main-navigation ul ul li > a:after {

	content: "\f0da";

	font-family: 'fontawesome';

	position: relative;

	width: 100%;

	margin: 0;

	margin-left: 6px;

	top: 0



}

.main-navigation li > a:only-child:after { content: ''; }

.main-navigation.sticky{

    position: fixed;

    height:auto;

    top:0px;

    z-index: 9999;

}

.main-navigation ul {

	list-style: none;

	margin: 0;

	float: right;

	margin-right: 0;

}

.main-navigation li {

	float: left;

	margin: 0;

	position: relative;

	background-color: #FFF;

}

.main-navigation li:hover > a,

.main-navigation li.current_page_item a,

.main-navigation li.current-menu-item a {

	color: #c59d5f;

	display: block;

}

.main-navigation ul li:hover > ul {

	display: block;

}

.main-navigation > li > a, .main-navigation li.current_page_ancestor a {

	color: #c59d5f;

}

.main-navigation ul.children li a{

	border-right: 0;

	color: #999;

}

.main-navigation ul.children li a{

	border-top: 0;

}

.main-navigation ul.sub-menu li:first-child > a{

    border-top:none!important;

}

.main-navigation ul ul {

    position: absolute;

    top: -9999em;

    width: 200px;

    z-index: 99999;

	border: 0;

	border-right: 0;

}



.main-navigation ul ul {

	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);

}



.main-navigation ul ul li:hover > a,

.main-navigation ul ul li.current_page_item a,

.main-navigation ul ul li.current-menu-item a {

	color: #666;

	border-right: 0;

}



.main-navigation ul ul li a { text-transform: capitalize; border-top: 0}

.main-navigation ul ul li { width: 100%;}

.main-navigation ul li:hover ul {

    left: 0;

    top:10px;

}



.main-navigation ul ul ul.sub-menu {display: none;}



.main-navigation ul ul li:hover > ul.sub-menu {display: block;}

.main-navigation ul li:hover li ul { top: -9999em }

.main-navigation ul li li:hover ul {

    left: 200px;

    top: 0;

}

.main-navigation ul ul {

    padding: 0;

    margin: 0;

	border-bottom: 4px solid #CCC;

	border-radius: 0.2em;

}



.main-navigation ul ul li {

    float: left;

    line-height: 20px;

    border:none!important;

}

.main-navigation ul ul li a {

    padding: 10px 26px;

    text-transform: capitalize;

    margin: 0;

	font-size: 1.3rem;

	font-size: 13px;

    background-color: #FFF;

	border-bottom: 1px solid #EFEFEF;

	color: #999;

    border-left:none;

    border-right:none;

    text-align: left;

	height: 100%;

	line-height: 22px;

     -webkit-transition: all 0.25s ease-out;

    -moz-transition: all 0.25s ease-out;

    -o-transition: all 0.25s ease-out;

    -ms-transition: all 0.25s ease-out;

    transition: all 0.25s ease-out;

}

.main-navigation ul ul ul {

    border-top: 0;

	width: 200px;

}

.main-navigation ul ul ul li a:hover {

	border-top: 0;

}

.main-navigation ul ul li a i{ color: #9e9e9e!important;}



.main-navigation ul ul li:last-child a {border-bottom: none;border-right: none;}





.main-navigation ul.sub-menu li a{

	background-color: #FFF;

	color: #666;

	border-top: 0;

	border-bottom: 1px solid #EFEFEF;

}

.main-navigation ul.sub-menu li a:hover{

	border-top: 0;

}

.main-navigation ul > li.page_item_has_children, .main-navigation ul > li.menu-item-has-children{

	position:relative;

}

.main-navigation ul ul li.page_item_has_children, .main-navigation ul ul li.menu-item-has-children{

	position: relative;

}

/*.main-navigation ul ul li.page_item_has_children > a:after, .main-navigation ul ul li.menu-item-has-children > a:after {

	content: "\f054";

	font-family: 'fontawesome';

	right: 1em;

	top:1em;

	position: absolute;

}*/

/* Small menu */



.menu-toggle {

	background: url(images/menu.png) right no-repeat;

	text-indent: -9999px;

	padding: 4px 18px;

	color: #FFF;

   	cursor: pointer;

	text-transform: uppercase;

    font-size: 1.4rem;

	font-size: 14px;

    text-align: left;

	background-color: #2f383d;

	margin: 0;

	margin-top: 4px;

}



.main-small-navigation .menu {

	display: none;

	background-color: #2f383d;

}

.main-small-navigation ul {

	margin: 0;

}



.main-small-navigation .menu ul {

	list-style-type:none;

	margin: 0;

	padding-left: 10px;

}



.main-small-navigation .menu li a{

	color: #FFF;

	text-transform: uppercase;

	font-size: 1.4rem;

	padding: 8px 12px;

	display: block;

	border-bottom: 1px solid #30414B;

}



.main-small-navigation .children{

	background-color: #2f383d;

	padding-left: 16px;

}



/*

.main-small-navigation li:hover > a,

.main-small-navigation li.current_page_item a,

.main-small-navigation li.current-menu-item a,

.main-small-navigation ul ul a:hover {

	color: #c59d5f;

	background-color: #333;

}

*/



.main-small-navigation .menu ul ul li a{

	color: #CCC;

	padding-left: 16px;

}



.main-small-navigation .menu ul ul ul li a{

	color: #CCC;

	padding-left: 16px;

}







/* =Content

----------------------------------------------- */



.site-main {

	margin: 0 auto;

}s

.sticky h1{

	border-bottom: 6px solid #333;

	font-size: 20px;

	font-size: 2.0rem;

}

.sticky h1 a{

	color: #333;

}

.sticky h2{

	font-size: 12px;

	font-size: 1.2rem;

	margin-bottom: 0;

	border-bottom: 7px solid #333;

}

.sticky h2 a{

	background-color: #333;

	color: #FFF;

	padding: 8px;

	border-radius:0.2em  0.2em 0 0;

	text-transform: uppercase;

}

.recent {

	text-align: center;

	border: 1px solid #EFEFEF;

	border-radius: 0.2em;

	-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.06);

	box-shadow: 0 5px 12px rgba(0, 0, 0, 0.06);

	position: relative;

	margin: 6px;

	overflow: hidden;

}

.recent a {

	display:block;

	height: 100%;

	width: 100%;

}

.client_recent {

	margin: 0;

	background-color: #FFF;

}

.recent_title{

	padding: 2px 8px 20px 8px;

}

.recent_title ul{

	margin-bottom: 0;

}

.recent_title h2{

    margin: 0;

    margin-bottom: 10px;

    clear: both;

    padding: 12px 0;

    background: url(images/scribble.png ) no-repeat center bottom;

}

.recent a .recent_title h2 , .recent a:visited .recent_title h2{

	color: #666;

	font-size: 22px;

	font-size: 2.2rem;

}



.recent p{

	font-size: 12px;

	font-size: 1.2rem;

	margin-bottom: 0;

	color: #999;

	padding: 6px;

}

.hentry {

	margin: 1.5em 0 3.5em 0;

	border: 1px solid #EFEFEF;

	border-radius: 0.6em;

	-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.06);

    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.06);

	clear: both;

	position: relative;

}

#content .entry-header {

	background-color: #FFF;

	background-image: none;

	border: none;

	margin-bottom: 0;

}



.entry-header {

	background: #F5F5F5;

	margin-bottom: 10px;

	border-bottom: 1px solid #E1E1E1;

	border-top: 1px solid #E1E1E1;

	display: block;

	min-height: 70px;

}

.page-header {

	background: #F5F5F5;

	margin-bottom: 10px;

	border-bottom: 1px solid #E1E1E1;

	border-top: 1px solid #E1E1E1;

}

.entry-title,

.page-title {

	font-size: 16px;

    font-size: 1.6rem;

	margin: 0 0 0.2em;

	padding-top: 2px;

	color: #333;

	text-shadow: 0px 1px 0 #FFF;

}

.title-container{

	margin: 0 auto;

	max-width: 1140px;

}

.page-title,

body.woocommerce-page .title-container .page-title {

	font-size: 28px;

    font-size: 2.8rem;

	margin: 0 auto;

	max-width: 1140px;

	padding: 16px 6px;

	text-align: center;

}

.entry-title {

	font-size: 26px;

    font-size: 2.6rem;

	text-decoration: none;

	color: #222;

	padding: 0.8em 0 0 0.8em;

	margin-top: -8px;

}

.entry-title a {

	text-decoration: none;

	color: #222;

}

body.search .page-title,

body.archive .page-title {

  	font-size: 18px;

  	font-size: 1.8rem;

    margin-bottom: 0;

}

.entry-meta {

	clear: both;

	font-size: 12px;

	font-size: 1.2rem;

	padding: 0.4em 0;

	margin: 0 auto;

	max-width: 1160px;

	border-bottom: 1px solid #ecf1f5;

	color: #CCC;

	padding-left: 1.5em;

}



.entry-meta > span{

	padding: 0.2em 1em 0.2em 0;

}



.entry-meta i {

	font-size: 1.2em;

	padding-right: 0.2em;

}



footer.entry-meta {

	border: none;

}

.entry-meta a {

	color: #c59d5f;

	font-weight: 500;

}

.entry-meta a:hover {

	color: #333;

}

.entry-date {

	margin-right: 8px;

}

/*.entry-date:before {

	content: '\f303';

	display: inline-block;

	-webkit-font-smoothing: antialiased;

	font: normal 18px/1 'Genericons';

	vertical-align: top;

	padding-right: 2px;

	color: #999;

}*/

.comments-link {

	margin-right: 8px;

}

/*.comments-link:before {

	content: '\f108';

	display: inline-block;

	-webkit-font-smoothing: antialiased;

	font: normal 18px/1 'Genericons';

	vertical-align: top;

	padding-right: 6px;

	color: #999;

}*/

.edit-link {

	margin-right: 8px;

}

/*.edit-link:before {

	content: '\f411';

	display: inline-block;

	-webkit-font-smoothing: antialiased;

	font: normal 18px/1 'Genericons';

	vertical-align: top;

	padding-right: 2px;

	color: #999;

}*/

.tag-links {

	margin-right:8px;

}

/*.tag-links:before {

	content: '\f302';

	display: inline-block;

	-webkit-font-smoothing: antialiased;

	font: normal 18px/1 'Genericons';

	vertical-align: top;

	color: #999;

}*/

.cat-links {

	margin-right: 8px;

}

/*.cat-links:before {

	content: '\f443';

	display: inline-block;

	-webkit-font-smoothing: antialiased;

	font: normal 18px/1 'Genericons';

	vertical-align: top;

	color: #999;

}*/

.byline {

	margin-right: 8px;

}

/*.byline:before {

	content: '\f304';

	display: inline-block;

	-webkit-font-smoothing: antialiased;

	font: normal 18px/1 'Genericons';

	vertical-align: top;

	color: #999;

}*/

.entry-content,

.entry-summary {

	padding: 0;

}

.hentry .entry-content {

	padding: 1.5em;

}

.entry-content table,

.comment-content table {

	border: 1px solid #d9d9d9;

	border-left-width: 0;

	margin: 0 -0.083em 2.083em 0;

	text-align: left;

	width: 100%;

}

.entry-content tr th,

.entry-content thead th,

.comment-content tr th,

.comment-content thead th {

	border-left: 1px solid #d9d9d9;

	font-weight: bold;

	padding: 0.5em 	1.25em;

}

.entry-content tr td,

.comment-content tr td {

	border: 1px solid #d9d9d9;

  	border-width: 1px 0 0 1px;

	padding: 0.5em 	1.25em;

}

.entry-content tr.odd td,

.comment-content tr.odd td {

	background: #dfd6c7;

}

.entry-content ul li {

	list-style-type: square;

	list-style-position: outside;

	margin-left: 1em;

}

.entry-content ol {

	list-style: decimal;

	margin: 0 0 1.5em 1.5em;

}

.entry-content a, .entry-content a:visited, .entry-summary a, .entry-summary a:visited{

    color: #c59d5f;

}

.entry-content a:hover, .entry-summary a:hover{

    color: #666;

}

.entry-content a.more-link, .entry-content a.more-link:visited{

    color: #FFF;

}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {

	clear: none;

}

.entry-content dfn, cite, em, i {

	font-style: italic;

}

.entry-content .grid-more-link a, .entry-content .grid-more-link a:visited {

	color: #FFF;

}

.page-links {

	clear: both;

	margin: 0 0 1.5em;

}



/* =Aside Post Format

----------------------------------------------- */



.format-aside .entry-content {

	border-left: 4px solid rgba( 0, 0, 0, 0.1 );

	padding-left: 1em;

}





/* =Media

---------------------------------------------- */





.site-header img,

.entry-content img,

.comment-content img,

.widget img {

	max-width: 100%; /* Fluid images for posts, comments, and widgets */

}

.site-header img,

.entry-content img,

.widget-img,

img[class*="align"],

img[class*="wp-image-"],



.wp-caption img {

	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */

}

.site-header img,

.entry-content img,

.widget img,

img.size-full {

	max-width: 100%;

	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */

}

.entry-content img.wp-smiley,

.comment-content img.wp-smiley {

	border: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}

.wp-caption {

	border: 1px solid #ccc;

	max-width: 100%;

}

.wp-caption.aligncenter,

.wp-caption.alignleft,

.wp-caption.alignright,

.wp-caption.alignnone {

	margin-bottom: 1.5em;

}

.wp-caption img {

	display: block;

	margin: 1.2% auto 0;

	max-width: 98%;

}

.wp-caption-text {

	text-align: center;

}

.wp-caption .wp-caption-text {

	margin: 0.8075em 0;

}

#content .gallery {

	margin-bottom: 1.5em;

}

.wp-caption-text,



.gallery-caption {

	font-size: 12px;

	font-size: 1.2rem;

}

#content .gallery a img {

	border: none;

	height: auto;

	max-width: 90%;

	border-radius: 0.2em;

	opacity: 1;

}

#content .gallery a img:hover {

	border: none;

	height: auto;

	max-width: 90%;

	border-radius: 0.2em;

	opacity: 0.6;

}

#content .gallery dd {

	margin: 0;

}



/* Make sure embeds and iframes fit their containers */

embed,

iframe,

object {

	max-width: 100%;

}



/* =Navigation

----------------------------------------------- */



.site-content .site-navigation {

	font-size: 13px;

	font-size: 1.3rem;

	margin: 0 0 1.5em;

	overflow: hidden;

}

.site-content .nav-previous {

	float: left;

	width: 50%;

}

.site-content .nav-next {

	float: right;

	text-align: right;

	width: 50%;

}

.nav-previous a, .nav-next a {

	padding: 4px 6px;

	color: #222;

	font-size: 12px;

	font-size: 1.2rem;

	text-transform: uppercase;

}

.nav-previous a:hover, .nav-next a:hover {

	color: #999;



}





/* =Comments

----------------------------------------------- */



#comments {

	clear: both;

}

.bypostauthor {

}

.comments-title,

#reply-title {

	font-size: 16px;

	font-size: 1.6rem;

}

.commentlist li {

	list-style: none;

}



.commentlist,

.children {

	list-style: none;

	margin: 0;

}

.children {

	margin: 0;

	background-color: #ecf1f5;

	padding: 0;

}

.commentlist li.comment,

.commentlist li.pingback {

	margin-top: 2px;

}

.commentlist .children li,

.commentlist li:last-of-type {

	border: none;

}



article.comment,



li.pingback {

	overflow: hidden;

	padding: 2.5em 0 0.7em;

    position: relative;

}

.children article.comment,

.children li.pingback {

	padding-top: 1.0em;

}

.comment .avatar {

	float: left;

	margin-right: 1.25em;

	border-radius: 0.4em;

}

.comment-author {

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

}

.comment-meta {

	font-size: 12px;

	font-size: 1.2rem;

}

.comment-content{

	font-size: 13px;

	font-size: 1.3rem;

	margin: 1em 0 0 4.5em;

}

.comment .reply {

	float:right;

	margin:0 10px 10px 0;

	text-align:center;

	background-color:  #c59d5f;

	border-radius:0.4em;

	padding:3px;

	width:50px;

}

.reply:hover {

	background-color:  #222;

}

.comment article {

	padding-bottom:2.79rem;

	border-bottom: 1px solid rgba( 0, 0, 0, 0.2 );

}



a.comment-reply-link,

a.comment-edit-link {

	color: #CCC;

	font-size: 12px;

	font-size: 1.2rem;

	line-height: 1.8;

	text-decoration:none;

}

a.comment-reply-link {

	color: #FFF;

}



a.comment-reply-link:hover,

a.comment-edit-link:hover {

	color: #FFF;

}

li.pingback {

	font-weight: bold;

}

li.pingback a {

	font-weight: normal;

}



/* Comment Form */

.comment-notes,

#commentform .form-allowed-tags,

p.nocomments,

p.logged-in-as,

#commentform label {

	font-size: 13px;

	font-size: 1.3rem;

}

.required {

	color: #880000;

}

#commentform label {

	font-weight: bold;

	padding: 1em 0;

}

#commentform input[type="text"] {

	margin-left: 0.5em;

}

#commentform #comment {

	margin-top: 0.6em;

}

#commentform .form-allowed-tags,

#commentform .form-allowed-tags code {

	font-size: 11px;

	font-size: 1.1rem;

}

p.nocomments {

	margin: 2.5em;

}



/* =Widgets

----------------------------------------------- */



.widget {

	font-size: 12px;

	font-size: 1.2rem;

	line-height: 1.8;

	margin: 0 0 0.5em;

	text-align: center;

}



.widget-title{

	color: #333;

	font-size: 2.4rem;

    font-size: 24px;

    color: #666;

    margin: 0;

    margin-bottom: 10px;

    clear: both;

    padding: 12px 0;

    background: url(images/scribble.png ) no-repeat center bottom;

	text-align: center;

}



/* Search widget */



#searchsubmit {

	display: none;

}



#helpfullinks li{

	padding-bottom: 5px;

	padding-top: 5px;

	border-bottom: 1px solid #ecf1f5;

	color: #999;

}



#helpfullinks li a{

	color: #999;

}

#helpfullinks li a:hover{

	color: #333;

}



/* =Site Footer

----------------------------------------------- */



.site-info {

	font-size: 13px;

	font-size: 1.3rem;

	padding: 2.2em 0;

	text-align: center;

	color: #999;

	background-color: #222;

	border-top: 1px solid  #444;

}

.site-info a{

	color: #222;

}

.site-info a:hover{

	color: #222;

}

.site-footer .widget p{

	color: #AAA;

}

.site-footer .widget{

	padding: 8px;

}

#smoothup {

	height: 50px;

	width: 50px;

	position:fixed;

	bottom:10px;

	right:20px;

	display:none;

	background: #000 no-repeat center;

	-webkit-transition-duration: 0.4s;

	-moz-transition-duration: 0.4s; transition-duration: 0.4s;

	border-radius: 2em;

}

#smoothup:before{

	content: "\f062";

	font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    text-decoration: inherit;

	color: rgba(255,255,255,.75);

	font-size: 200%;

	position: absolute;

	right: 12px;

	top: -2px;

}

#smoothup:hover {

	background-color: #c59d5f;

}





/* Social Media icons

------------------------------------------------------ */

.social-media {

	list-style: none;

	text-align: right;

	margin: 0;

	position: relative;

	padding: 0;

	/* width: auto; */

	/* overflow: hidden; */

	float: right;

	top: 8px;

	right: 0;

}

.withCart .social-media,

.top-bar-mini-cart{

	float: right;

	margin-left: 2em;

}

.top-bar-mini-cart ul{

	margin: 0;

	padding-right: 14px;

}

.social-media li {

	float: right;

	position: relative;

}

.social-media a, .social-media a:visited {

	display: block;

	height: 24px;

	width: 24px;

	padding-left: 0.4em;

	color: #666;

	text-align:left;

}

.social-media a:hover {

	color: #CCC;

}

.social-media a i {

	font-size:1em;

}

/* Cart Link

------------------------------------------------------- */

.top-bar-mini-cart .cart-contents{

	padding-top: 8px;

	min-width: 250px;

	display: block;

}

.top-bar-mini-cart .widget_shopping_cart{

	background: #fff;

	padding: 1em;

	display: none;

	position: absolute;

	min-width: 250px;

	z-index:999;

	border: 4px solid #EFEFEF;

}

.top-bar-mini-cart .cart-link:hover .widget_shopping_cart{

	display: block;

}

/* Search

------------------------------------------------------ */



.top-search {

	float:right;

	background:#DDD;

	height: 40px;

	width: 40px;

	color:#fff;

}

.top-search a {

	display: block;

	color: #999;

	height: 100%;

	text-align: center;

	width: 100%;

	position:relative;

	-webkit-transform-style: preserve-3d;

	-webkit-transform: translate(0,0);

	-moz-transform: translate(0,0);

	-ms-transform: translate(0,0);

	-o-transform: translate(0,0);

	transform: translate(0,0);

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	transition: all 0.5s ease;

}

.top-search a i{

	position: absolute;

	top: 13px;

	left: 13px;

}

.top-search i.icon-back {

	opacity:0;

	-webkit-transform-style: preserve-3d;

	-webkit-transition: width 0.5s ease;

	-moz-transition: width 0.5s ease;

	-o-transition: width 0.5s ease;

	transition: width 0.5s ease;

}



.top-search.live i.fa-search{

  opacity:0;

  /* top: 10px; */

  /* left: 10px; */

}

.top-search.live i.icon-back {

  opacity:1;

}





.show-search {

	position:absolute;

	top:41px;

	right: 0px;

	z-index: 10000000029;

	height:0;

	overflow:hidden;

	transition:all .45s ease;





}

.show-search.live {

	height:49px;

	box-shadow: 2px 4px 11px 0px #4a4a4a;

}

.show-search input#s {

	padding:14px;

	width:300px;

}



/* Tag Cloud

------------------------------------------------------ */

.tagcloud a {

	display: inline-block;

	color: #FFF;

	font-size: 12px !important;

	padding: 5px 8px;

	text-decoration: none;

	border: 1px solid #c59d5f;

	border-radius: 4px;

	background: #c59d5f;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	-o-border-radius: 4px;

	transition: all 0.17s ease-in-out;

	-moz-transition: all 0.17s ease-in-out;

	-webkit-transition: all 0.17s ease-in-out;

	-o-transition: all 0.17s ease-in-out;

	margin: 4px;

}

.tagcloud a:hover {

	color: #333 !important;

	background: #FFF;

	border-color:#CCC;

}



/* Custom Home featured areas

------------------------------------------------------ */



#featuretext_container{

	padding: 10px 0;

	position: relative;

	background: #FFF;

	width: 100%;

	margin: 0 auto;

	max-width: 1160px;

	margin-bottom: 40px;

	z-index: 700;

	border-radius: 0.6em;

	webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);

	box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);

	text-align: center;

}

.featuretext_top {

	margin: 0 auto;

	max-width: 1160px;

}



.featuretext_top h3{

	padding: 12px;

	font-size:3.4rem;

	font-size:34px;

	display: inline-block;

	text-align: center;

}

.featuretext_button {

	display: inline-block;

	text-align: center;

	padding: 0;

	color: #FFF;

	margin-left: 10px;

}

.featuretext_button a{

	color: #FFF;

	background-color: #c59d5f;

	padding: 12px;

	font-size:1.2rem;

	font-size:12px;

	text-align: center;

	width: 120px;

	text-transform: uppercase;

	border-radius: 0.4em;

	vertical-align: top;

}

.featuretext_top p{

	color: #999;

	padding: 0;

	margin: 0 auto;

	text-align:center;

	font-size:1.6rem;

	font-size:16px;

}

.featuretext_button a:hover{

	background-color:#333;

}

.featuretext_middle {

	margin: 0;

	background: #FFF;

}



.featuretext {

	margin-bottom:20px;

	padding: 6px;

	text-align: center;

	position: relative;

}



.featuretext h2{

	font-size:2.4rem;

	font-size:24px;

	color: #666;

	margin: 0;

	margin-bottom: 10px;

	clear: both;

	padding: 12px 0;

	background: url(images/scribble.png ) no-repeat center bottom;

}



.featuretext h2 a{

	color: #666;

}

.featuretext > a {

	display: block;

	line-height: 0;

	overflow: hidden;

}

.featuretext h2 a:hover{

	color: #999;

}





.featuretext p{

	color: #333;

	font-size:1.2rem;

	font-size: 12px;

}



.featuretext img {

-webkit-transition: all 0.4s ease-in-out;

-moz-transition: all 0.4s ease-in-out;

-ms-transition: all 0.4s ease-in-out;

-o-transition: all 0.4s ease-in-out;

transition: all 0.4s ease-in-out;

max-width: 100%;

height: auto;

}

.featuretext:hover img {

-webkit-transform: scale(1.1,1.1);

-moz-transform: scale(1.1,1.1);

-o-transform: scale(1.1,1.1);

-ms-transform: scale(1.1,1.1);

transform: scale(1.1,1.1);

opacity: 0.9;

-moz-opacity: 0.9;

-khtml-opacity: 0.9;

filter: alpha(opacity=90);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

}



.imagerct {

	width: 100%;

}

.imagerct_home {

	width: 100%;

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

	max-width: 100%;

	height: auto;

}



.imagerct_home:hover {

	-webkit-transform: scale(1.1,1.1);

	-moz-transform: scale(1.1,1.1);

	-o-transform: scale(1.1,1.1);

	-ms-transform: scale(1.1,1.1);

	transform: scale(1.1,1.1);

	opacity: 0.9;

	-moz-opacity: 0.9;

	-khtml-opacity: 0.9;

	filter: alpha(opacity=90);

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

}



/* =========================

	CONTACT TEMPLATE STYLES

*/



#contact_respond textarea{

	width: 80%;

}

#contact_respond input[type="submit"]{

	width: auto;

}

#contact_respond input[type="text"]{

	width: 80%;

}





.slides cite {

	font-style: italic;

}

.flex-viewport {

	direction: ltr;

}

/* Client Ad Styles */



.client {

	text-align: center;

}



.client h3{

	font-weight: 100;

	font-size: 2.6em;

	color: #333;

	font-size: 40px;

	padding: 0 0 12px;

	text-align: center;

	background: url(images/scribble.png ) no-repeat center bottom;

	margin: 0;

	margin-bottom: 20px;

}



.client img{

	max-width: 100%;

}



/* BBPress */

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content{

	border: 1px solid #ccc;

}

div.bbp-submit-wrapper{

	float: none;

}



/* CUSTOM HOMEPAGE LAYOUT */

/*  SECTIONS  ============================================================================= */



.section {

	clear: both;

	padding: 30px;

	margin: 0 auto;

	max-width: 1160px;

}



.section_thumbnails {

	clear: both;

	padding: 50px 0;

	margin: 0 auto;

    max-width: 1160px;

}

.section_thumbnails .col{

	margin: 0;

}

.section_thumbnails h3{

	font-weight: 100;

	font-size: 2.6em;

	color: #333;

	font-size: 40px;

	padding: 0 0 12px;

	text-align: center;

	background: url(images/scribble.png ) no-repeat center bottom;

	margin: 0;

	margin-bottom: 20px;

}

.title-bottom-border{

	display: block;

	width: 140px;

	height: 3px;

	background-color: #c59d5f;

	margin: 0 auto;

}

.section_clients {

	clear: both;

	padding: 30px 0 0 0;

	margin:0 auto;

	margin-bottom: -8px;

}

.section_clients .col{

	margin: 0px;

}

.unity-separator {

	width: 100%;

	height: 1px;

	background: #d9e0e3;

	-webkit-box-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.75 );

	-moz-box-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.75 );

	box-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.75 );

	margin-bottom: 30px;

}

.thumbs-more-link{

	font-size: 12px;

	font-size: 1.2rem;

	text-transform: uppercase;

	padding: 8px 0;

	text-align: center;

}



.thumbs-more-link a{

	background-color: #c59d5f;

	color: #FFF;

	border-radius: 0.2em;

	padding: 4px 8px;

}

.thumbs-more-link a:hover{

	background-color: #222;

	color: #FFF;

	border-radius: 0.2em;

	padding: 4px 8px;

}



/*  BLOG GRID LAYOUT  ============================================================================= */

.gridblock{

	width:33.33%;

	float:left;

}

.gridblock .grid-wrap {

	padding:8px;

	margin:6px 0 6px 6px;

	overflow: hidden;

}

.gridblock .grid-wrap .blog-image{

	padding-top:0;

}

@media all and (max-width:580px){

	.gridblock {

		width:50%!important;

	}

}

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

	.gridblock {

		width:100%!important;

	}

}



/*  404 Page  ============================================================================= */

.error404 .entry-content p {

	font-size: 26px;

	line-height: 1.33em;

	padding-bottom: 24px;

	margin: 54px 0 0;

	width: 80%;

}

.error404 .entry-content input {

	font-size:150%;

	height:60px;

	width:80%;

}





/*  GROUPING  ============================================================================= */





.group:before,

.group:after {

    content:"";

    display:table;

}

.group:after {

    clear:both;

}

.group {

    zoom:1; /* For IE 6/7 (trigger hasLayout) */

}



/*  GRID COLUMN SETUP   ==================================================================== */



.col {

	display: block;

	float:left;

	margin: 1% 0 1% 1.6%;

}



.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */



.post-thumbnail {

	position: relative;

	margin-top: 4px;

	margin-right: 4px;

}



.blog-lists-title {

	position: relative;

	width: 70%;

	display: inline;

	float: left;

	margin-left: 8px;

	font-size: 12px;

	color: #999;

}



.blog-lists-title a{

	color: #333;

}







/* =IE Styles

----------------------------------------------- */



#ie8 .site-header img,

#ie8 .entry-content img,

#ie8 img.size-full,

#ie8 .entry-thumbnail img,

#ie8 .widget img,

#ie8 .wp-caption img {

	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */

}



/*  GRID OF EIGHT   ============================================================================= */



.span_8_of_8 {

	width: 100%;

}

.span_7_of_8 {

	width: 87.3%;

}

.span_6_of_8 {

	width: 74.6%;

}

.span_5_of_8 {

	width: 61.9%;

}

.span_4_of_8 {

	width: 49.2%;

}

.span_3_of_8 {

	width: 36.5%;

}

.span_2_of_8 {

	width: 23.8%;

}

.span_1_of_8 {

	width: 11.1%;

}

.header-image img {

	width: 100%;

	height: auto;

	margin-bottom: -8px;

}

body.home .header-image img {

   position: relative;

   margin-bottom: -74px;

}



/************************************************************************************

WOOCOMMERCE STYLES

*************************************************************************************/

.woocommerce div.product .product_title {

    padding: 2px 14px;

    border-radius: 0.1em;

    position: relative;

    top: 0;

    margin-bottom: 14px;

}

.woocommerce .quantity .qty {

    padding: 6px;

}

.woocommerce-checkout #payment ul.payment_methods li {

    list-style: none;

}

.woocommerce .woocommerce-ordering select {

    background: #fff;

    border: 1px solid #eee;

    border-radius: 2px;

    display: inline-block;

    padding: 0 1.538em 0 0.75em;

    color: #666;

    margin-bottom: 0;

	height: 34px;

}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {

    text-align: center;

}

.woocommerce ul.products li.product .star-rating, .woocommerce ul.products li.product .button {

    display: inline-block;

    float: none;

}

.woocommerce .entry-content, .woocommerce .entry-summary {

    margin-top: 0;

}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {

    padding: 8px;

    border: 1px solid #ccc;

	border-radius: 3px;

}

.woocommerce div.product .product_title {

	padding: 0;

}

/************************************************************************************

MEDIA QUERIES

*************************************************************************************/

/* for 1000px or less */

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

	.header_container {

	height: 100%;

	width: 100%;

	}

	#masthead .site-introduction {

		float: none;

		padding: 0;

		width: 100%;

	}

	#featuretext_container{

	text-align: center;

	float: none;

	}

	.featuretext_top h3{

	padding: 0;

	padding-bottom: 22px;

	float: none;

	width: 100%;

	}

	.featuretext_button {

	float: none;

	padding: 0;

	display: block;

	margin:0 auto 24px;

	}

	.menu .children, .menu .sub-menu {

		display:none;

	}

	.menu .children.show, .menu .sub-menu.show {

		display:block;

	}

	.menu .page_item_has_children > a:after, .menu .menu-item-has-children > a:after {

		content:"\f054";

		font-family: FontAwesome;

	    font-style: normal;

	    font-weight: normal;

	    text-decoration: inherit;

		color:#fff;

		width:30px;

		height:30px;

		display:inline-block;

		margin-left: .5em;

	}

	.menu .page_item_has_children > a.open:after, .menu .menu-item-has-children > a.open:after {

		content:"\f078";

	}

	.site-logo {

		height: 100%;

		width: 100%;

		text-align: center;

	}



	#topbar_container {

		height:auto;

		min-height: 40px;

		border-bottom: 0;

	}



	.topbar_content_left span {

		display: inline-block;

	}



	.site-introduction {

		text-align: center;

	}

}



/* for 980px or less */

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



	#wrap {

		padding:0;

		width: 100%;

	}

	#content {

		padding-left:4px;

	}

}



/* for 860px or less */

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

	.header_container {

	height: 100%;

	width: 100%;

}

.flex-container{

	margin-bottom: 0!important;

}

}



/* for 800px or less */

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



	#content,

	#primary,

	#secondary,

	#tertiary,

	#sidebar-left {

		background: none;

		float: none;

		margin: 0;

		padding: 0;

	}

	#primary,

	#secondary,

	#tertiary,

	#sidebar-left {

		width: 100%;

	}

	#content-right,

	#primary-right {

		background: none;

		float: none;

		margin: 0;

		padding: 0;

	}

	#primary-right{

		width: 100%;

	}

	#primary-right {

		border-top: 0;

	}

	.stickyHead.is-sticky{

		position:relative;

	}



	.authorlist {

		width: 100%;

		margin: 0;

	}



	.featuretext_button a{

		display:block;

		margin:0 auto;

		width:40%;

	}



}



/* for 600px or less */

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



	#branding img {

		display: none;

	}



	.header-image {

		width:100%;

		margin-top: 0px;

		margin-left: auto;

    	margin-right: auto;

	}



	.header_container {

		height: 100%;

		width: 100%;

	}



	.site-main {

   		border: 0;

	}



	.hentry {

		border-bottom: none;

	}

	.page-title {

		text-align: center;

		padding: 10px;

		padding-bottom: 0;

		clear: both;

		float: none;

		margin: 0;

	}



}



/* --- IPhone5 (portrait and landscape) --- */



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



	#masthead .site-introduction {

		float: none;

		padding: 0;

		width: 100%;

	}



	.topbar {

		padding: 0;

	}

		.topbar_content_left {

		width: 80%;

		float: left;

		text-align: left;

	}

	.topbar_content_right{

		width:20%;

	}

	.social-media {

		padding:0 1em;

		margin:0;

		text-align:right;

		height:26px;

		overflow:hidden;



		display: none;

}

	.social-media a, .social-media a:visited {

		width:20px;



	}



	.header_container {

		height: 100%;

		width: 100%;

	}



	.authorInfo{

		width: 98%;

	}



	.featuretext_button {

		margin:0 auto 12px;

	}





}



/* --- Smartphones (portrait and landscape) --- */



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



	#masthead .site-introduction {

		float: none;

		padding: 0;

		padding-left: 4px;

		width: 100%;

	}



	.header_container {

		height: 100%;

		width: 100%;

	}



	.topbar_content_left span {



	}

	.show-search {

		position:absolute;

		top:45px;

		right:0;

	}



	.featuretext_top h3{

		font-size:1.2rem;

		font-size:20px;

		padding-bottom: 6px;

	}



	.featuretext_button a{

		padding: 6px;

		font-size:1.2rem;

		font-size:12px;

	}



}



/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */



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

	.col {

		margin: 1% 0 1% 0%;

	}

}

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

	.topbar_content_left {

		line-height: 124%;

	}

	.topbar_content_left span {

		padding: 0;

}

	.show-search input#s {

		width:200px;

	}

}

/*  GRID OF TWO   ============================================================================= */





.span_2_of_2 {

	width: 100%;

}



.span_1_of_2 {

	width: 49.8%;

}



/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */



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

	.span_2_of_2 {

		width: 100%;

	}

	.span_1_of_2 {

		width: 100%;

	}

}



/*  GRID OF THREE   ============================================================================= */



.span_3_of_3 {

	width: 100%;

}

.span_2_of_3 {

	width: 66.1%;

}

.span_1_of_3 {

	width: 32.2%;

}

.recent_span_1_of_3 {

	width: 33.33%;

}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */



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

	.span_3_of_3 {

		width: 99.6%;

	}

	.span_2_of_3 {

		width: 99.6%;

	}

	.span_1_of_3 {

		width: 99.6%;

	}

	.recent_span_1_of_3 {

		width: 49.2%;

	}

	.section_thumbnails .col{

		margin:0;

	}

}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */



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

	.span_3_of_3 {

		width: 100%;

	}

	.span_2_of_3 {

		width: 100%;

	}

	.span_1_of_3 {

		width: 100%;

	}

}



/*  GRID OF FOUR   ============================================================================= */





.span_4_of_4 {

	width: 100%;

}



.span_3_of_4 {

	width: 74.6%;

}



.span_2_of_4 {

	width: 49.2%;

}



.span_1_of_4 {

	width: 25%;

}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */



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

	.span_4_of_4 {

		width: 49.6%;

	}

	.span_3_of_4 {

		width: 49.6%;

	}

	.span_2_of_4 {

		width: 49.6%;

	}

	.span_1_of_4 {

		width: 49.6%;

	}

}





/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */



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

	.span_4_of_4 {

		width: 100%;

	}

	.span_3_of_4 {

		width: 100%;

	}

	.span_2_of_4 {

		width: 100%;

	}

	.span_1_of_4 {

		width: 100%;

	}

}



/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */



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

	.span_8_of_8 {

		width: 100%;

	}

	.span_7_of_8 {

		width: 100%;

	}

	.span_6_of_8 {

		width: 100%;

	}

	.span_5_of_8 {

		width: 100%;

	}

	.span_4_of_8 {

		width: 100%;

	}

	.span_3_of_8 {

		width: 100%;

	}

	.span_2_of_8 {

		width: 100%;

	}

	.span_1_of_8 {

		width: 100%;

	}

}

a.rev_slide_button {

color: #FFF;

}





/* Reservations Styles */

*, :after, :before {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.rtb-booking-form{

	text-align: center;

}

.entry-content .rtb-booking-form fieldset{

	border: none;

	margin: 1em 0;

	padding: 0;

	width: 100%;

	float: left;

}

.entry-content .rtb-booking-form fieldset.contact>div{

	width: 100%;

	margin-right: 0;

}

.rtb-booking-form fieldset legend{

	font-size: 28px;

	margin-left: -15px;

	text-align: left;

}

.entry-content .rtb-booking-form fieldset>div{

	clear: both;

	overflow: hidden;

}

/*.entry-content .rtb-booking-form fieldset>div{

	margin-top: 2em;

	width: 97%;

	margin-right: 3%;

	float: left;

}*/



.rtb-booking-form .rtb-select:after,

.rtb-booking-form .rtb-text:after{

	clear: both;

	display: table;

	content: "";

}

.rtb-booking-form label{

	float: left;

	width: 30%;

	display: block;

	margin: 0;

	height: 47px;

	padding: 11px 10px 12px;

	border: 1px solid rgba(0,0,0,.3);

	border-right-width: 0;

	border-bottom-width: 1px;

	text-align: left;

}

.rtb-booking-form .radio-option,

.rtb-booking-form .checkbox{

	position: relative;

}

.rtb-booking-form .radio-option label,

.rtb-booking-form .checkbox label{

	float: none;

	margin-left: 30%;

	width: 70%;

	border-top: 1px solid rgba(0,0,0,.3);

	border-bottom: none;

	border-right: 1px solid rgba(0,0,0,.3);

}

.rtb-booking-form .radio-option label:first-child,

.rtb-booking-form .checkbox label:first-child{

	position: absolute;

  top: 0;

  left: 0;

  margin-left: 0;

  padding-left: 0;

  width: 30%;

  border: none;

}

.rtb-booking-form .radio-option label:last-child,

.rtb-booking-form .checkbox label:last-child{

	border-bottom: 1px solid rgba(0,0,0,.3);

}

.rtb-textarea label{

	border-right-width: 1px;

	border-bottom: 0;

	width: 100%;

}

.rtb-booking-form .rtb-select select,

.rtb-booking-form .rtb-text input{

	float:right;

	width: 70%;

	max-width: 100%;

	cursor: pointer;

	display: block;

	padding: 11px 20px 12px;

	border: 1px solid rgba(0,0,0,.3);

	background: #fafafa;

	font-size: 14px;

	line-height: 20px;

	height: 47px;

	border-radius: 0;

}

.entry-content .rtb-booking-form .message-set{

	width: 100%;

	float: none;

}

.rtb-booking-form .message-set .add-message{

	display: none;

}

.rtb-booking-form .message-set .rtb-textarea{

	position: relative;

	top: 0;

	left: 0;

	margin-right: 0;

	width: 100%;

}

.entry-content .rtb-booking-form .rtb-textarea textarea,

.entry-content .rtb-booking-form .large-text-field textarea{

	max-width: 100%;

	border: 1px solid rgba(0,0,0,.3);

	border-radius: 0;

	background: #FAFAFA;

	min-height: 12em;

}

.entry-content .rtb-booking-form .rtb-confirm label{

	width: 100%;

	border-right: 1px solid rgba(0,0,0,.3);

}



.rtb-booking-form label:before {

    content: '';

    position: relative;

    top: -1px;

    width: 16px;

    height: 16px;

    margin-right: 10px;

    vertical-align: middle;

		font: normal normal normal 14px/1 FontAwesome;

}

.rtb-text.date label:before{

	content: "\f073";

}

.rtb-text.time label:before{

	content: "\f017";

}

.rtb-select.party label:before{

	content: "\f0c0";

}

.rtb-text.name label:before{

	content: "\f007";

}

.rtb-text.email label:before{

	content: "\f003";

}

.rtb-text.phone label:before{

	content: "\f095";

}

.rtb-textarea.message label:before{

	content: "\f044";

}

.rtb-booking-form button{

	box-shadow: none;

	border: none;

	background: #000;

	color: #fff;

	font-size: 18px;

	text-shadow: none;

	text-transform: uppercase;

	padding: 20px 80px;

	margin: 1em 0;

	transition: all .2s ease-in-out;

}

.rtb-booking-form button:focus,

.rtb-booking-form button:hover{

	background-color: #ab8b65;

}



@media (min-width: 480px){

	.rtb-booking-form .rtb-select:after,

	.rtb-booking-form .rtb-select:before,

	.rtb-booking-form .rtb-text:after,

	.rtb-booking-form .rtb-text:before {

	    content: " ";

	    display: table;

	}

}

@media (min-width: 768px){

	.entry-content .rtb-booking-form fieldset.reservation,

	.entry-content .rtb-booking-form fieldset.contact{

		width: 50%;

		float: left;

	}

	.entry-content .rtb-booking-form fieldset.reservation>div,

	.entry-content .rtb-booking-form fieldset.contact>div {

	    margin-right: 30px;

	}

}



/* Food & Drink Styles */

.entry-content .fdm-menu.fdm-columns-1{

	width: 80%;

	margin: 0 auto;

}

.entry-content .fdm-menu li{

	list-style-type: none;

}

.entry-content .fdm-section-header{

	margin-bottom: 4em;

}

.fdm-menu .fdm-section-header h3{

	font-size: 3em;

	margin-bottom: 0;

}

.fdm-item .fdm-item-image{

	width: 60px;

	height: 60px;

	float: left;

	overflow: hidden;

	border-radius: 100px;

	position: relative;

	z-index: 3;

	top: 0;

}

.fdm-item-has-price .fdm-item-panel p.fdm-item-title{

	padding: 0 8px 0 1em;

	color: #000;

	display: inline;

	background: #fff;

	position: relative;

	z-index: 2;

}

.fdm-item-has-price .fdm-item-panel .fdm-item-dots{

	content: "";

	position: absolute;

  top: 14px;

  left: 0;

  right: 0;

  z-index: 1;

  margin: 0;

  border: 0;

  height: 3px;

  display: block;

  background-image: radial-gradient(circle closest-side,#ccc 80%,#fff 10%);

  background-position: bottom;

  background-size: 4px 2px;

  background-repeat: repeat-x;

}

.fdm-item-has-price .fdm-item-panel .fdm-item-content{

	float:left;

	width: 80%;

}

.fdm-item-has-price .fdm-item-panel .fdm-item-content p{

	padding-left: 1em;

	float:left;

}

.fdm-item-has-price .fdm-item-panel .fdm-item-price-wrapper{

	background: #fff;

	width: auto;

	padding-left: 1em;

	z-index: 2;

}



.widget_fdm_widget_menu .fdm-item .fdm-item-image,

.widget_fdm_widget_menu .fdm-item-panel .fdm-item-dots,

.widget_fdm_widget_menu_item .fdm-item-panel .fdm-item-dots{

	display: none;

}

.widget_fdm_widget_menu_item .fdm-item .fdm-item-image{

	float:none;

	position: relative;

	width: 100%;

	height: auto;

	border-radius: 0;

}

.widget_fdm_widget_menu_item .fdm-item-has-price .fdm-item-panel .fdm-item-price-wrapper{

	position: relative;

	text-align: left;

	padding: 0;

}

.widget_fdm_widget_menu .fdm-item-title-block{

	text-align: left;

}

.widget_fdm_widget_menu .fdm-item-has-price .fdm-item-panel .fdm-item-content{

	width: 100%;

}

.widget_fdm_widget_menu .fdm-item-has-price .fdm-item-panel .fdm-item-content p{

	padding: 0;

	text-align: left;

	padding-top: 1em;

}

.widget_fdm_widget_menu .fdm-item-has-price .fdm-item-panel p.fdm-item-title{

	padding-left: 0;

	text-align: left;

}

.widget_fdm_widget_menu_item .fdm-item-has-price .fdm-item-panel p.fdm-item-title{

	padding-right: 20%;

	display: inline-block;

	text-align: left;

	padding-left: 0;

}

.widget_fdm_widget_menu_item .fdm-item-panel .fdm-item-content{

	width: 100%;

	padding: 0;

	text-align: left;

}

.widget_fdm_widget_menu .fdm-item-has-price .fdm-item-panel .fdm-item-content

.widget_fdm_widget_menu_item .fdm-item-content p,

.widget_fdm_widget_menu_item .fdm-item-has-price .fdm-item-panel .fdm-item-content p{

	padding: 0;

}



.widget_search input{

	width: 100%;

}