/*
 Theme Name:   18 Tags Child Theme
 Description:  18 Tags Theme
 Template:     eighteen-tags
 Version:      1.0.0
 Text Domain:  eighteen-tags-child
*/

/* =Theme customization starts here
-------------------------------------------------------------- */

html {
	background: url(images/body.gif) #e6e1dd;
}
body.eighteen-tags-pro-active {
	color: #6c6158;
	font-size: 100%;
	text-rendering: optimizeLegibility;
	line-height: 1.618;
	background: url("images/body.png");
}
body.eighteen-tags-pro-active, .eighteen-tags-pro-active .panel-grid-cell {
	font-family: "Karla", sans-serif !important;
}
.eighteen-tags-pro-active h1, .eighteen-tags-pro-active h2, .eighteen-tags-pro-active h3, .eighteen-tags-pro-active h4, .eighteen-tags-pro-active h5, .eighteen-tags-pro-active h6, .eighteen-tags-pro-active .site-branding .site-title, .eighteen-tags-pro-active .site-branding .site-title a, #site-navigation.main-navigation ul li a {
	font-family: "Cutive", sans-serif !important;
}
.eighteen-tags-pro-active h1, .eighteen-tags-pro-active h2, .eighteen-tags-pro-active h3, .eighteen-tags-pro-active h4, .eighteen-tags-pro-active h5, .eighteen-tags-pro-active h6 {
	color: #342e2a;
	line-height: 1.387em;
	margin: 0 0 .618em;
	font-weight: 700 !important;
}
.eighteen-tags-pro-active h1 {
	font-size: 1.618em;
	font-weight: 700;
	}
.eighteen-tags-pro-active h2 {
	font-size: 1.387em;
}
.eighteen-tags-pro-active h3 {
	font-size: 1em;
}
.eighteen-tags-pro-active h4 {
	font-size: .8em;
}
.eighteen-tags-pro-active a {
	color: #6e83b0;
}
.eighteen-tags-pro-active a:hover {
	color: #6c6158;
}
hr {
	clear: both;
	display: block;
	margin-bottom: 20px;
	padding-top: 20px;
	width: 100%;
	border-bottom: 1px solid #e6e6e6;
	padding-top: 1px
}
p {
	margin: 0 0 1.618em 0;
}

/* Content Blocks */
.eighteen-tags-pro-active .col-full {
	max-width: 75.998em; /* 65.141em */
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.right-sidebar .content-area {
	margin-right: 2% !important;
	width: 65% !important;
}
#main {
	color: #333333;
	margin: 0;
  padding: 0;
  position: relative;
  background: url("images/crinkles.png") top no-repeat, url("images/post.png"), url("images/nav.gif");
  background-color: #f7f2ee;
  border: 1px solid #c4bfbb;
  border-bottom: 0;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 0.53em 2.618em rgba(0, 0, 0, 0.05), inset 0 0 0 0.618em rgba(255, 255, 255, 0.55), 0 1px 1px rgba(0, 0, 0, 0.15), /* The top layer shadow */ 0 10px 0 -5px #eee, /* The second layer */ 0 10px 1px -4px rgba(0, 0, 0, 0.125), /* The second layer shadow */ 0 20px 0 -10px #eee, /* The third layer */ 0 20px 1px -9px rgba(0, 0, 0, 0.125), /* The third layer shadow */ 0 1em 2em rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0.53em 2.618em rgba(0, 0, 0, 0.05), inset 0 0 0 0.618em rgba(255, 255, 255, 0.55), 0 1px 1px rgba(0, 0, 0, 0.15), /* The top layer shadow */ 0 10px 0 -5px #eee, /* The second layer */ 0 10px 1px -4px rgba(0, 0, 0, 0.125), /* The second layer shadow */ 0 20px 0 -10px #eee, /* The third layer */ 0 20px 1px -9px rgba(0, 0, 0, 0.125), /* The third layer shadow */ 0 1em 2em rgba(0, 0, 0, 0.1);
  /* 3.1 Images */
}
#main article {
	padding: 3.631em;
}
.entry-content img {
	border: 1px solid #d0c7c0;
	padding: .327em;
	background-color: #fff;
}

/* Header */
.eighteen-tags-pro-active #masthead {
	background-image: url("images/body.png");
}
.eighteen-tags-pro-active #masthead, .site-footer {
	background-color: transparent !important;
}
.eighteen-tags-pro-active .site-header {
	padding: 3.631em 0 1.618em;
}
.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
	margin-bottom: 0;
}
.eighteen-tags-pro-active .site-branding .site-title a {
	color: #856270 !important;
}
p.site-description {
	color: #333333 !important;
	font-family: "Karla", sans-serif !important;
}
.site-header .site-branding {
	width: 50% !important;
}
.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header, .no-wc-breadcrumb .site-header {
	margin-bottom: 2.5em !important;
}

/* Navigation */
#site-navigation {
	clear: both;
  margin-bottom: 0;
  display: none;
   background: url("images/nav.gif") #E6E1DD;
  -webkit-border-radius: 0.236em;
  border-radius: 0.236em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc7c3;
  -webkit-box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
}
.eighteen-tags-pro-active #site-navigation > .primary-navigation .menu > .menu-item > a {
	padding: 1em 1.618em;
	color: #967381;
}
.eighteen-tags-pro-active .main-navigation ul {
	font-size: 90%;
}
.main-navigation ul li {
	border-right: 1px dotted #dbd4ce;
}

.main-navigation ul.nav-menu > li.current-menu-item {
	box-shadow: inset 0 0.382em 0 0 #808185;
	-webkit-box-shadow: inset 0 0.382em 0 0 #808185;
}

@media only screen and (min-width: 768px) {
	.main-navigation ul li:hover {
		box-shadow: inset 0 0.382em 0 0 #feb355;
		-webkit-box-shadow: inset 0 0.382em 0 0 #feb355;
	}
	.main-navigation ul li:hover, .main-navigation ul .current-menu-item {
		background-color: #ffffff;
	}

}

/* Sidebar */
#secondary {
	width: 30.75%;
	margin-top: 0;
	margin-bottom: 2.618em;
}
#secondary .widget {
	-webkit-transform: rotate(0.5deg);
  /* Saf3.1+, Chrome */
  -moz-transform: rotate(0.5deg);
  /* FF3.5+ */
  -ms-transform: rotate(0.5deg);
  /* IE9 */
  -o-transform: rotate(0.5deg);
  /* Opera 10.5 */
  transform: rotate(0.5deg);
  zoom: 1;
	background-color: rgba(182,180,191,0.7);
  margin-bottom: 1.618em;
  padding: 1.8em;
  list-style: none;
  position: relative;
  border: 1px solid #ccc7c3;
  -webkit-box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
}
.widget_recent_entries ul li:before, .widget_pages ul li:before {
	content: none !important;
}
#secondary .widget:before,
#secondary .widget:after {
  display: block;
  content: "";
  position: absolute;
  margin-left: -1em;
}
.eighteen-tags-pro-active #secondary .widget:before {
  height: 1.618em;
  top: 0;
  width: 100%;
  background: url("images/string-top.png") top center no-repeat;
  margin-top: 12px;
  z-index: 9999;
  -webkit-transform: rotate(0.5deg);
  /* Saf3.1+, Chrome */
  -moz-transform: rotate(0.5deg);
  /* FF3.5+ */
  -ms-transform: rotate(0.5deg);
  /* IE9 */
  -o-transform: rotate(0.5deg);
  /* Opera 10.5 */
  transform: rotate(0.5deg);
  zoom: 1;
}
.eighteen-tags-pro-active #secondary .widget:after {
  height: 3.631em;
  top: 100%;
  background: url("images/string.png") top center no-repeat;
  width: 100%;
  margin-top: -1.618em;
  -webkit-transform: rotate(-0.5deg);
  /* Saf3.1+, Chrome */
  -moz-transform: rotate(-0.5deg);
  /* FF3.5+ */
  -ms-transform: rotate(-0.5deg);
  /* IE9 */
  -o-transform: rotate(-0.5deg);
  /* Opera 10.5 */
  transform: rotate(-0.5deg);
  zoom: 1;
}
.eighteen-tags-pro-active #secondary .widget h3 {
	color: #fff;
	padding-top: 1.618em;
	padding-bottom: 0;
	font-family: "Cutive", sans-serif;
	font-weight: 300;
	font-size: 114%;
	letter-spacing: .03em;
	margin-bottom: .618em;
}
.widget_recent_entries ul li:before, .widget_pages ul li:before {
	content: none;
}
.eighteen-tags-pro-active .widget-area .widget {
	font-size: 100%;
}
.eighteen-tags-pro-active .widget-area .widget a {
	color: #6e83b0;
}
.eighteen-tags-pro-active .widget-area .widget a:hover {
	color: #968873;
	text-decoration: underline;
}
#text-3 img {
margin: .5em 1em .5em 0;
}
.eighteen-tags-pro-active #secondary #text-3:after {
	background-image: none;
}

/* Buttons */
.eighteen-tags-pro-active a.button, .button {
	color: #fff;
	background-color: #feb355;
	background-image: linear-gradient(to bottom, #feb355, #e2a04c);
	padding: 6px 13px 6px 13px;
	border: solid #bb843e 1px !important;
	border-radius: 15px;
	text-transform: uppercase;
}
.eighteen-tags-pro-active a.button:hover, .button:hover {
  background: #e2a04c !important;
  background-image: -webkit-linear-gradient(top, #e2a04c, #feb355);
  background-image: -moz-linear-gradient(top, #e2a04c, #feb355);
  background-image: -ms-linear-gradient(top, #e2a04c, #feb355);
  background-image: -o-linear-gradient(top, #e2a04c, #feb355);
  background-image: linear-gradient(to bottom, #e2a04c, #feb355);
  text-decoration: none !important;
}
/* Awards Page */
.page-id-8 .entry-content img {
border: 0;
background-color: transparent;
}

#mep_0 {
margin-bottom: 2em !important;
}

/* Blog Roll and Entries */
.blog #main, .single-post #main {
	background-image: none;
	background-color: transparent;
	border: 0;
	border-radius: 0;
	background-clip: border-box;
	box-shadow: none;
}

.blog.eighteen-tags-pro-active .entry-title, .archive.eighteen-tags-pro-active .entry-title, .blog.eighteen-tags-pro-active .entry-title a, .archive.eighteen-tags-pro-active .entry-title a {
	color: #6e83b0;
}

.post {
	margin: 0 0 2.618em;
  padding: 3.631em; /* 1.618em*/
  position: relative;
  background: url("images/crinkles.png") top no-repeat, url("images/post.png"), url("images/nav.gif");
  background-color: #f7f2ee;
  border: 1px solid #c4bfbb;
  border-bottom: 0;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 0.53em 2.618em rgba(0, 0, 0, 0.05), inset 0 0 0 0.618em rgba(255, 255, 255, 0.55), 0 1px 1px rgba(0, 0, 0, 0.15), /* The top layer shadow */ 0 10px 0 -5px #eee, /* The second layer */ 0 10px 1px -4px rgba(0, 0, 0, 0.125), /* The second layer shadow */ 0 20px 0 -10px #eee, /* The third layer */ 0 20px 1px -9px rgba(0, 0, 0, 0.125), /* The third layer shadow */ 0 1em 2em rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0.53em 2.618em rgba(0, 0, 0, 0.05), inset 0 0 0 0.618em rgba(255, 255, 255, 0.55), 0 1px 1px rgba(0, 0, 0, 0.15), /* The top layer shadow */ 0 10px 0 -5px #eee, /* The second layer */ 0 10px 1px -4px rgba(0, 0, 0, 0.125), /* The second layer shadow */ 0 20px 0 -10px #eee, /* The third layer */ 0 20px 1px -9px rgba(0, 0, 0, 0.125), /* The third layer shadow */ 0 1em 2em rgba(0, 0, 0, 0.1);
  /* 3.1 Images */
}
.post header h1/*,
 .type-page header h1 */{
	 font-weight: 700;
	 position: relative;
	 padding-right: 4em;
}
.post .post-meta-container,
.type-page .post-meta-container {
  margin: 0 0 1.618em 0;
  border-bottom: 2px dashed #dbd4ce;
	padding-bottom: .53em;
}
.post .post-meta li,
.type-page .post-meta li {
  display: inline;
  margin: 0 1.387em 0 0;
  font-size: .857em;
}

.post .post-meta li.tags:before,
.type-page .post-meta li.tags:before {
  content: ",";
}

.post .post-more,
.type-page .post-more {
  clear: both;
  font-size: .857em;
  border-top: 2px dashed #dbd4ce;
  padding-top: 1em;
}
.post .post-more a,
.type-page .post-more a {
  padding: .327em .618em;
  background: rgba(230, 225, 221, 0.7);
  -webkit-border-radius: 0.202em;
  border-radius: 0.202em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-right: .53em;
}
.post .post-more a:hover,
.type-page .post-more a:hover {
  background: rgba(230, 225, 221, 0.9);
}
.post .post-more a:before,
.type-page .post-more a:before {
  font-family: 'WebSymbolsRegular';
  display: inline-block;
  font-size: .857em;
  margin-right: .618em;
}
.post .post-more .comments a:before,
.type-page .post-more .comments a:before {
  content: "c";
}
.post .post-more .read-more a:before,
.type-page .post-more .read-more a:before {
  content: "b";
}
.post p.tags,
.type-page p.tags {
  background: url("images/ico-tag.png") no-repeat top left;
  padding-left: 1.618em;
  width: 100%;
  clear: both;
}
.post img,
.type-page img,
.post img.thumbnail,
.type-page img.thumbnail {
  padding: .327em;
  border: 1px solid #d0c7c0;
  background: #fff;
}
.post img:hover,
.type-page img:hover,
.post img.thumbnail:hover,
.type-page img.thumbnail:hover {
  border-color: #bbada2;
}
.post img.wp-smiley,
.type-page img.wp-smiley {
  padding: 0;
  border: 0;
}
.post .alignleft,
.type-page .alignleft {
  float: left;
  margin: 0 1.618em 1em 0;
}
.post .alignright,
.type-page .alignright {
  float: right;
  margin: 0 0 1em 1.618em;
}
.post .aligncenter,
.type-page .aligncenter {
  display: block;
  text-align: center;
  margin: 0 auto 1.618em;
}
.post .wp-caption,
.type-page .wp-caption {
  padding: .077em;
  text-align: center;
  background: #E6E1DD;
  border: 1px solid #d0c7c0;
}
.post .wp-caption img,
.type-page .wp-caption img {
  margin: 0;
  padding: .327em 0;
  background: none;
  border: 0;
}
.post .wp-caption-text,
.type-page .wp-caption-text {
  margin: 0;
  padding: 0;
  text-align: center;
}
.type-page:after {
  display: none;
}

/* Mobile Styles */
@media only screen and (max-width: 770px) {
	#site-navigation .handheld-navigation .etp-nav-search {
	display: none;
	}
	.right-sidebar .content-area, #secondary, .site-header .site-branding {
		width: 95% !important;
		/*margin-right: 0 !important;*/
		margin: 0 auto;
	}
	}