/*
Theme Name: Cherilee
Theme URI: http://traostudio.com
Description: A Wordpress Blog & Shop Theme
Author: TraoStudio
Author URI: http://traostudio.com
Version: 1.0.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: cherilee
Domain Path: /lang
*/

/* -------------------------------------- */
/* CSS Index
/* -------------------------------------- */
/* 01 - Global Reset
/* 02 - General Styles
/* 03 - Structure
/* 04 - Top Bar
/* 05 - Header
/* 06 - Featured Area
/* 07 - Grid & List posts
/* 08 - Single Posts
/* 09 - Pagination
/* 10 - Footer
/* 11 - Widgets
/* 12 - Comments
/* 13 - Archive
/* 14 - WordPress styles
/* 15 - MISC
/* 16 - Owl Carousel
/* 17 - Slicknav
/* 18 - WooCommerce
/* 19 - Gutenberg Styling
/* -------------------------------------- */

/* -------------------------------------- */
/* 01. Global Reset
/* -------------------------------------- */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
strong, b, strong *, b * { font-weight: bold; } em, i, em *, i * { font-style: italic; }
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html { overflow-x: hidden }


/* clear floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.group { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */

/* -------------------------------------- */
/* 02. General
/* -------------------------------------- */
body {
  font-family:"Poppins", sans-serif;
	color:#000;
	background-color:#FFF;
  font-size: 14px;
  font-weight: 400;
}
p {
	font-size:16px;
	line-height:2;
  font-family: 'Lora', serif;
}
a {
	text-decoration:none;
	color:#c7982b;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
h1,h2,h3,h4,h5,h6,
.woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce ul.products li.product .price, .woocommerce div.product .entry-summary p.price, .woocommerce div.product .entry-summary span.price,
.woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce table.shop_table th, .woocommerce form .form-row label,
.woocommerce-MyAccount-navigation ul li a, .woocommerce ul.order_details li, .product_list_widget a,
.copyright-area p,
.woocommerce .woocommerce-result-count, .related.products h2, .woocommerce .woocommerce-breadcrumb,
.woocommerce-checkout form h3, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.instagram-widget .footer_widget_heading, #footer h4.widget-heading, .to-top, .post-entry .meta_comments_list a,
.thecomment .comment-text h6.author, .thecomment .comment-text h6.author a, #respond #submit, #respond label,
.woocommerce-page ul.products li.product h2, .woocommerce ul.products li.product .price,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-account input.button[type=submit], .checkout_coupon input.button,
.product_meta, .woocommerce-noreviews, .woocommerce #review_form #respond p,
.woocommerce div.product form.cart .button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce div.product form.cart .variations label,
.woocommerce-account .addresses .title .edit, .woocommerce #reviews h3, .woocommerce ul.products li.product .price, .woocommerce-product-search input[type="submit"],
.woocommerce .comment-text p.meta strong, .woocommerce .comment-reply-title, .woocommerce table.shop_table th, .woocommerce div.product .woocommerce-tabs .panel h2,
.woocommerce div.product .product_title
 {
	font-family:"Poppins", sans-serif;
}

input[type="email"], input[type="submit"], input[type="text"] {
  font-family:"Poppins", sans-serif !important;
}

.entry-header h1 a, .entry-header h2 a, .entry-header h1,
.traostudio-grid li .item h2,
.news-content h4,
#footer-instagram .instagram-heading,
#featured_area .item .featured-overlay h3 a,
.about-name,
.archive-box h1,
.woocommerce .page-title {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 500;
}

.date-wrap .traostudio-date, .date-wrap .by, .date-wrap .traostudio-date a, .date-wrap a,
.sidebar-posts-content h4 a,
.related-post h3 a,
.pagination-single h5,
.entry-share,
.footer-instagram-text,
.entry-content ul li, .entry-content ol li {
  font-family: 'Lora', serif;
}

/* -------------------------------------- */
/* 03. Structure
/* -------------------------------------- */
.container {
	width: 1140px;
	margin:0 auto;
}

#main {
 width:780px;
 float:left;
 position: relative;
 z-index: 2;
}

#main.fullwidth {
	width:940px;
  margin: 0 auto;
  float: none;
}

#sidebar {
	width:300px;
	float:right;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

/* -------------------------------------- */
/* 04. Top Bar
/* -------------------------------------- */
/* Navigation */
#navigation {
	background:#FFFFFF;
	position:fixed;
	width:100%;
  z-index: 99;
  height: 58px;
  box-shadow: 0px 1px 5px rgba(190,190,190,.46);
  -webkit-box-shadow: 0px 1px 5px rgba(190,190,190,.46);
  -moz-box-shadow: 0px 1px 5px rgba(190,190,190,.46);
  -webkit-backface-visibility: hidden;
}
.slicknav_menu {
	display:none;
}
	#navigation .container {
		position:relative;
	}
.menu {
	text-align: center;
}
.menu li {
	display:inline-block;
	margin-right:60px;
	position:relative;
}

.menu li:last-child {
    margin-right: 0;
}

#navigation .menu li a {
	font-weight:500;
  font-size: 14px;
	color:#000;
	line-height:58px;
	display:inline-block;
}
#navigation .menu li a:hover {
	opacity: 0.7;
}
/* Dropdown */
#navigation .menu .sub-menu,#navigation .menu .children {
	display: none;
	padding: 0;
	position: absolute;
	margin-top:0;
	left: 0;
	z-index: 99999;
  background-color: #EEE;
  text-align: left;
}
#navigation ul.menu ul a, #navigation .menu ul ul a {
	margin: 0;
	padding: 8px 13px 8px 13px;
	min-width: 180px;
	line-height:20px;
	-o-transition:.25s;
	-ms-transition:.25s;
	-moz-transition:.25s;
	-webkit-transition:.25s;
	transition:.25s;
	border-top:1px solid;
	border-color:#DDD;
}
#navigation .menu li.menu-item-has-children > a:after {
    font-family: "FontAwesome";
    content: "\f107";
    margin-left: 10px;
    color: #ccc;
    font-weight: 700;
    font-size: 15px;
}
#navigation ul.menu ul li,
#navigation .menu ul ul li {
	padding-right:0;
	margin-right:0;
}

#navigation ul.menu ul a:hover, #navigation .menu ul ul a:hover {
	background:#DDD;
  color: #000;
}

#navigation ul.menu li:hover > ul, #navigation .menu ul li:hover > ul {
	display: block;
}

#navigation .menu .sub-menu ul,#navigation .menu .children ul {
	left: 100%;
	top: 0;
}

/* Search */
#top-search {
	position:absolute;
	right:0;
	top:0;
	width:58px;
	text-align:center;
	margin-left:16px;
}
#top-search a {
	height:58px;
	font-size:15px;
  font-style: italic;
	line-height:58px;
	color:#999;
	display:block;
	float: right;
}
#top-search a:hover {
	color:#000;
}
.show-search {
	position:absolute;
	top: 58px;
	right:-1px;
	display:none;
	z-index:10000;
}
.show-search #searchform input#s {
  webkit-box-shadow: 0 8px 6px -6px rgba(206,206,206,.2);
  -moz-box-shadow: 0 8px 6px -6px rgba(206,206,206,.2);
  box-shadow: 0 8px 6px -6px rgb(206 206 206 / 20%);
  border: 1px solid #DDD;
  padding: 20px 50px;
  background-color: #f1f1f1;
  background-image: none;
}

/* Top Social */
#social-area-top {
	position:absolute;
	right:66px;
	top:0;
  display: none;
}
#social-area-top a i {
	font-size:14px;
	margin-left:18px;
	line-height:58px;
	color:#000;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	 -o-transition: all 0.2s linear;
		transition: all 0.2s linear;
}

/* -------------------------------------- */
/* 05. Header
/* -------------------------------------- */
#header {
	padding-top:48px;
	margin-bottom:70px;
}

  .single #header, .page #header {
    border-bottom: 1px solid #DDD;
  }

  .woocommerce #header {
    border-bottom: 1px solid #DDD;
    margin-bottom:70px !important;
  }

#logo {
	text-align:center;
	padding-top: 60px;
  padding-bottom: 50px;
  z-index: 2;
  position: relative;
}

.logo_title a {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 600;
  font-size: 100px;
  color: #000;
  line-height: 1;
}
.logo_tagline {
  font-size: 18px;
  font-style: italic;
  font-family: 'Lora', serif;
  color: #5a5a5a;
}
/* -------------------------------------- */
/* 06. Featured Area
/* -------------------------------------- */
.owl-carousel .owl-dots.disabled {
  display: block !important;
  opacity: 0;
}
.top_bg {
  height: 1138px;
  width: 100%;
  background-color: #F8F1EA;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 1;
  right: 0;
  margin: 0 auto;
  background-image: url(./img/top_bg.png);
  max-width: 2200px;
  margin-top: -32px;
}

.logged-in .top_bg {
  margin-top: 0;
}

.logged-in .top_bg_customizer_preview {
  margin-top: -32px;
}


.featured-area {
	margin-bottom:90px;
	margin-top:-45px;
}

#featured_area .item img{
	max-width:100%;
	height:auto;
}
#featured_area .item .featured-overlay {
  position: absolute;
  width: 100%;
  bottom: 0;
  background: -moz-linear-gradient(bottom,rgba(0,0,0,.4) 48%,rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(bottom,rgba(0,0,0,.4) 48%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to top,rgba(0,0,0,0.4) 48%,rgba(0,0,0,0) 100%);
  padding: 80px 30px 25px 30px;
  z-index: 3;
}
#featured_area .item .featured-overlay h3 a {
	font-size:32px;
  line-height: 1.2;
	color:#fff;
}
#featured_area .item .featured-overlay h3 a:hover {
	opacity: 0.7;
}
#featured_area .item .featured-overlay .featured-cat a{
	font-size:14px;
	font-style:italic;
	color:rgba(255,255,255,.7);
	display:inline-block;
	margin-bottom:4px;
}

.slider-item-wrap {
  width: 100%;
  height: 500px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

.featured_clickable {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.date-wrap {
  margin-top: 12px;
}
.date-wrap a:hover {
	text-decoration: underline;
}
.featured-text-2 {
  width: 100%;
  height: 84px;
  background-image: linear-gradient(rgb(10 10 10 / 25%) 36%,rgba(0,0,0,0));
  background: -moz-linear-gradient(rgb(10 10 10 / 25%) 36%,rgba(0,0,0,0));
  background: -webkit-linear-gradient(rgb(10 10 10 / 25%) 36%,rgba(0,0,0,0));
}
.featured-cat {
  color: #fff;
  position: absolute;
  left: 30px;
  top: 24px;
  z-index: 2;
  max-width: 300px;
}
.featured-cat a {
  font-size: 15px;
  color: #FFF;
}
.featured-cat a:hover {
  text-decoration: underline;
}

.date-wrap .traostudio-date, .date-wrap .by, .date-wrap .traostudio-date a, .date-wrap a {
  color: #aaa;
  font-weight: normal;
  font-size: 14px;
  font-style: italic;
  display: inline;
}
.owl-theme .owl-nav {
  display: none;
}
.owl-theme .owl-dots{
  margin-top: 30px;
}
/* -------------------------------------- */
/* 07. Grid & List Items
/* -------------------------------------- */
/* Grid */

.traostudio-grid > article, .traostudio-list > article {
    margin-bottom: 80px;
}

.traostudio-grid li.grid_item {
	display: inline-block;
	vertical-align: top;
  width: 47%;
  margin-right: 5.5%;
	margin-bottom: 45px;
  text-align: center;
}
.home .traostudio-grid.odd_grid li.grid_item:nth-child(2n+1),
.archive .traostudio-grid.odd_grid li.grid_item:nth-child(2n+1),
.traostudio-grid.even_grid li.grid_item:nth-child(2n+2) {
	margin-right:0;
}

.home.paged .traostudio-grid li.grid_item, .archive.paged .traostudio-grid li.grid_item {
  margin-right: 0;
}

.home.paged .traostudio-grid li.grid_item:nth-child(2n+1),
.archive.paged .traostudio-grid.odd_grid li.grid_item:nth-child(2n+1) {
	margin-right: 5.5%;
}

.traostudio-grid li .item img {
	width:100%;
	height:auto;
	margin-bottom:16px;
}

.traostudio-grid li .item .cat a {
  display: inline-block;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.traostudio-grid li .item .cat a:hover {
	text-decoration:underline;
}
.traostudio-grid li .item h2 {
	margin-bottom:18px;
}
.traostudio-grid li .item h2 a {
  font-size: 36px;
  color: #000;
  font-weight: 500;
}
.traostudio-grid li .item h2 a:hover {
	opacity:.5;
}
.traostudio-grid li .item p {
	margin-bottom:10px;
}

.traostudio-grid .date, .traostudio-grid .by, .traostudio-grid .traostudio-date  a {
  font-size: 11px;
	color: #999;
}
/* List Items */
.post.list-item {
	position: relative;
	margin-bottom:45px;
	padding-bottom:25px;
	border-bottom:1px solid #DDD;
}

.list-item .list-content {
	overflow:hidden;
}
.list-item .post-img {
	float:left;
	margin-right:40px;
	margin-bottom:0;
}
.list-item .post-img img {
	max-width:270px;
	height:auto;
}
.list-item .list-content .entry-header {
	text-align:left;
}

.list-item .entry-header  {
	margin-bottom:20px;
}
.list-item p {
	margin-bottom:16px;
}
.list-item .traostudio-date {
  text-align: right;
  right: 0;
  bottom: -7px;
  display: block;
  padding-left: 11px;
  background-color: #FFF;
  position: absolute;
}
.list-item .traostudio-date, .list-item .by, .list-item .traostudio-date a {
  font-size: 11px;
}
.list-content .entry-header h1 a, .list-content .entry-header h2 a, .entry-header h1 {
  font-size: 36px
}

/* -------------------------------------- */
/* 08. Posts
/* -------------------------------------- */
.post {
	margin-bottom:100px;
}
.single .post {
	margin-bottom:70px;
}

	/*** Post Header ***/
	.entry-header {
		margin-bottom:30px;
		text-align:center;
	}
	.entry-header .cat a {
		display:inline-block;
		margin-bottom:12px;
		font-size:15px;
		font-weight:500;
	}
	.entry-header .cat a:hover {
		text-decoration:underline;
	}
	.entry-header h1, .entry-header h2 { margin-bottom:8px; }
	.entry-header h1 a, .entry-header h2 a, .entry-header h1, .woocommerce .page-title {
		font-size:44px;
		color:#000;
	}
	.entry-header h2 a:hover {
		opacity:.50;
	}
	.entry-header .date {
		font-size:12px;
		color:#999;
	}

  .traostudio-date {
      margin-top: 12px;
      display: block;
  }

  .traostudio-date, .by, .traostudio-date a {
    color: #999;
    font-weight: normal;
    font-size: 12px;
  }
  .traostudio-date a:hover {
    text-decoration: underline;
  }

	/*** Post image ***/
	.entry-img {
		margin-bottom:18px;
		text-align:center;
	}
	.entry-img img {
		max-width:100%;
		height:auto;
	}
	.entry-img iframe {
		border:none;
	}
	.entry-img.audio iframe {
		height:166px;
    width: 100%;
	}

	/*** Post Entry ***/
	.entry-content img {
		max-width:100%;
		height:auto;
	}
	.entry-content p {
		margin-bottom:20px;
	}

  .entry-content .more-link {
    text-align: center;
    display: block;
  }
	.entry-content .more-button{
    font-size: 14px;
    color: #c7982b;
    position: relative;
    z-index: 0;
    margin-top: 20px;
    display: inline-block;
    margin-bottom: 25px;
    border-bottom: 1px dashed;
    font-weight: 500;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
	}
  .entry-content .more-button:hover {
    opacity: 0.8;
    border-bottom: 1px solid;
  }

	.entry-content p, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content hr {
	margin-bottom:20px;
	}
	.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
		color:#000;
		font-weight:500;
	}
	.entry-content h1 {
		font-size:30px;
	}
	.entry-content h2 {
		font-size:27px;
	}
	.entry-content h3 {
		font-size:24px;
	}
	.entry-content h4 {
		font-size:20px;
	}
	.entry-content h5 {
		font-size:18px;
	}
	.entry-content h6 {
		font-size:16px;
	}
	.entry-content hr:not(.wp-block-separator) {
		border:0;
		height:0;
		border-bottom:1px solid #e5e5e5;
		clear:both;
	}
	.entry-content blockquote p {
		border-left:3px solid #c7982b;
		padding:0 18px;
		font-size:20px;
		line-height:32px;
		font-style:italic;
    color: #777;
	}
	.entry-content ul, .entry-content ol {
		padding-left:45px;
		margin-bottom:16px;
		font-size:18px;
    margin-top: 12px;
	}
	.entry-content ul li {
		margin-bottom:12px;
		list-style:disc;
    font-size: 16px;
	}
	.entry-content ol li {
		margin-bottom:12px;
		list-style:decimal;
    font-size: 16px;
	}
	.sticky.post .entry-header { border:1px dashed #ddd; padding:20px 0; }
	.entry-content table { width:100%; margin-bottom:22px; border-collapse:collapse }
	.entry-content td, .entry-content th { padding: 12px; border: 1px #e5e5e5 solid; font-size:16px; line-height:1.5; }
	.entry-content th { font-weight:bold; font-size:14px; background:#f5f5f5;}
	/*** Post Share ***/
	.entry-share {
    margin-top: 40px;
    clear: both;
    padding-top: 15px;
    background-color: #f6f6f6;
    padding-bottom: 15px;
    padding: 15px 20px;
    position: relative;
    font-style: italic;
	}
  .entry-share:after {
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    left: 47px;
    width: 0;
    height: 0;
    margin-left: -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #f6f6f6;
  }
  .single .entry-share {
    margin-bottom: 40px;
  }
  .page .entry-share:after {
    display: none;
  }

  .page .entry-share {
    text-align: center;
  }
	.entry-share a {
		display:inline-block;
    color: #000000;
    margin:0 15px;
	}
	.share-box {
		display:inline-block;
		-o-transition:.3s;
		-ms-transition:.3s;
		-moz-transition:.3s;
		-webkit-transition:.3s;
	}
  .share-text {
    margin-right: 8px;
    font-size: 12px;
    color: #000;
  }
	.share-box i {
		font-size:13px;
	}
	.entry-share a:hover {
		opacity: 0.7;
	}

  span.meta-comments {
    float: right;
  }
  .meta-comments a {
    font-size: 13px;
    margin-right: 0;
  }
  .meta-comments a:hover {
    text-decoration: underline;
  }

	/*** Post author ***/
	.entry-author {
    margin-top: 55px;
    overflow: hidden;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
	}
  .author_social {
    margin-top: 14px;
  }
	.comment-form-img {
    float: left;
    margin-right: 20px;
	}
	.comment-form-img img {
		border-radius:50%;
	}
  .author-content {
    text-align: left;
  }
	.author-content h5 a {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 8px;
    color: #000;
    display: block;
	}
	.author-content p {
    margin: 0 auto;
	}

	.author-content .author-social {
    font-size: 12px;
    color: #000;
    margin-right: 20px;
	}
	/*** Post related ***/
	.related-items {
		overflow:hidden;
		margin-bottom:80px;
		margin-top:70px;
	}
	.comments-inner { text-align:center; }
	.comments-inner-title {
		font-size:15px;
		margin-bottom:42px;
		padding-bottom:3px;
		display:inline-block;
    position: relative;
    font-weight: 500;
	}
  .comments-inner-title:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 12px;
    background: #F8F1EA;
    transition-duration: .15s;
    z-index: -1;
    position: absolute;
    top: 54%;
    left: 0;
  }
	.related-post {
    width: 31.3%;
    float: left;
    margin-right: 3%;
	}
	.related-post:last-child { margin-right:0; }
	.related-post img {
		margin-bottom:6px;
		width:100%;
		height:auto;
	}
	.related-post h3 a {
		font-size:17px;
		color:#000;
	}
	.related-post h3 a:hover {
		text-decoration:underline;
	}
	.related-post span.date {
		font-size:11px;
		color:#999;
    display: block;
    margin-top: 9px;
	}

	/** Post tags ***/
	.entry-tags {
		margin-top:30px;
		margin-bottom:50px;
	}
	.entry-tags a {
    font-size: 12px;
    background: #f2f2f2;
    color: #666;
    padding: 7px 10px;
    margin-right: 6px;
    border-radius: 2px;
    margin-bottom: 5px;
    display: inline-block;
    font-weight: 500;
	}
	.entry-tags a:hover {
		background:#333;
		color:#fff;
		text-decoration:none;
	}

	/*** Post Pagination ***/
	.pagination-single {
		overflow:hidden;
	}
	.pagination-single .prev-post {
		float:left;
		width:390px;
	}
	.pagination-single .next-post {
		float:right;
		text-align:right;
		width:390px;
	}

	.pagination-single span {
		color:#000;
		font-size:12px;
	}
	.pagination-single .arrow {
		font-size:40px;
		color:#000;
		line-height:74px;
	}
	.pagination-single .prev-post .arrow {
		float:left;
		margin-right:18px;
	}
	.pagination-single .next-post .arrow {
		float:right;
		margin-left:18px;
	}
	.pagi-text {
		margin-top:11px;
    color: #000;
	}
  .next-post:hover .pagi-text h5, .prev-post:hover .pagi-text h5 {
    text-decoration: underline;
  }
	.pagination-single h5 {
		font-size:16px;
    line-height: 1.5;
    margin-top: 5px;
	}
	.pagination-single a {
		color:#999;
	}
	.pagination-single a:hover > .arrow, .pagination-single a:hover > .pagi-text span, .pagination-single a:hover {
		color:#000;
	}

/* -------------------------------------- */
/* 09. Pagination
/* -------------------------------------- */
.pagination {
	overflow:hidden;
}
.pagination a {
  font-size: 14px;
  color: #c7982b;
  position: relative;
  z-index: 0;
  margin-top: 20px;
  display: inline-block;
  margin-bottom: 25px;
  border-bottom: 1px dashed;
  font-weight: 500;
}
.pagination a:hover {
	border-bottom: 1px solid;
}
.pagination .newer {
	float:left;
}
.pagination .older {
	float:right;
}

/* -------------------------------------- */
/* 10. Footer
/* -------------------------------------- */
#footer {
  position: relative;
  margin-top: 100px;
}

.no_footer_instagram {
  background-color: #F8F1EA;
}
.bottom_bg {
  height: 928px;
  width: 100%;
  background-color: #F8F1EA;
  background-size: cover;
  background-position: center;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  right: 0;
  margin: 0 auto;
  background-image: url(./img/bottom_bg.png);
  max-width: 2200px;
}

#footer-wrap {
  overflow: hidden;
  padding-bottom: 40px;
  position: relative;
  padding-top: 40px;
  z-index: 2;
}

/* Footer Social */
#social-area-bottom {
	text-align:center;
  float: right;
}
#social-area-bottom a {
	color:#000;
	font-size:11px;
}
#social-area-bottom a:first-child {
	margin-left:0;
}
#social-area-bottom a:last-child {
	margin-right:0;
}
#social-area-bottom a i {
	text-align:center;
	color:#000;
	margin-left:20px;
	font-size:16px;
}
#social-area-bottom a:hover {
	opacity: 0.7;
}
#social-area-bottom a span {
  display: none;
}

/* Footer copyright */

#footer-wrap #nav-wrap {
  margin-bottom: 15px;
}
.copyright-area p {
  font-size: 11px;
}
.copyright-area {
	font-size:11px;
	color:#777;
  overflow:hidden;
  float: left;
}
#social-area-bottom .click-up {
	font-size:11px;
	color:#777 ;
  display: block;
  text-align: right;
  margin-top: 15px;
}
.click-up i {
	font-size:14px;
	margin-left:3px;
  display: none;
}

.click-up:hover {
	text-decoration:none;
  color: #000;
}
#menu-footer-menu li {
  margin-right: 40px;
}
#menu-footer-menu li a{
  font-weight: 500;
  font-size: 14px;
  color: #000;
}
#menu-footer-menu li a:hover {
  text-decoration: underline;
}

/* -------------------------------------- */
/* 11. Widgets
/* -------------------------------------- */
#sidebar .widget {
	float:none;
	margin-bottom:50px;
}
#sidebar img {
	max-width:100%;
	height:auto;
}

.widget_mc4wp_form_widget {
    padding: 30px;
    background-color: #f8f1ea;
}

.footer-widget-wrapper.last {
	margin-right:0;
}
.widget-title {
	font-size:14px;
	color:#000;
	margin-bottom:20px;
  font-weight: 500;
  text-align: center;
}

#sidebar .widget-title {
	margin-bottom:25px;
}
.widget-title span {
  position: relative;
  display: inline-block;
}
.widget-title span:after {
  content: "";
  position: absolute;
  top: 50%;
  border-bottom: 1px solid;
  border-color: #DDD;
  width: 300px;
  margin: 0 14px;
  left: 110%;
}

.widget-title span:before {
  content: "";
  position: absolute;
  top: 50%;
  border-bottom: 1px solid;
  border-color: #DDD;
  width: 300px;
  margin: 0 14px;
  right: 110%;
}

.widget a:hover {
	text-decoration:underline;
}

.widget ul li {
	margin-bottom:7px;
	padding-bottom:7px;
	border-bottom:1px dotted #ddd;
}
.widget ul li:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}
.widget ul.menu ul a, .widget .menu ul ul a{ border-top:none !important; }
.widget ul li ul { margin-left:15px; }

	/*** Search widget ***/
	#searchform input#s {
		border: 1px solid #e5e5e5;
		background:#fff url(img/searchsubmit.png) no-repeat 96% 15px;
		padding:14px 14px;
		font-size:14px;
		color:#000000;
	}

	#searchform #s:focus { outline:none; }

	/** searchbar for widget ***/
	.widget #searchform input#s {
		width:100%;
    border-radius:3px;
	}

		#sidebar .widget #searchform input#s {
			width:100%;
      font-size: 14px;
		}

	/*** About Widget ***/
  .about-widget {
    text-align: center;
  }

	.about-widget img {
		max-width:100%;
		height:auto;
    margin-bottom: 10px;
	}
  .about-name {
    font-size: 26px;
    margin-bottom: 5px;
  }
  .about-label {
    color: #999;
    font-size: 13px;
    margin-bottom: 10px;
    display: block;
  }
  .signature img{
    margin-top: 10px;
    margin-bottom: 0;
  }

	/** Instagram widget support **/
	.instag ul.thumbnails > li, .jr-insta-thumb ul > li {
		width:32% !important;
	}
	.instag ul.thumbnails > li img:hover, .jr-insta-thumb ul > li img:hover {
		opacity:.8;
	}
	.instag ul li, .jr-insta-thumb ul li {
		margin:0;
		padding-bottom:0;
		border-bottom:none;
	}
	.pllexislider ul li {
		margin:0;
		padding-bottom:0;
		border-bottom:none;
	}

	#sidebar .instagram-pics li, #widget-area .instagram-pics li {
		width:32%;
		display:inline-block;
		margin:0;
		padding:0;
		border-bottom:none;
		margin-right:2%;
	}
	#sidebar .instagram-pics li:nth-of-type(3n+3), #widget-area .instagram-pics li:nth-of-type(3n+3) {
		margin-right:0;
	}
	#sidebar .instagram-pics li img, #widget-area .instagram-pics li img {
		max-width:100%;
		height:auto;
	}

	/*** Tagcloud widget ***/

	.widget .tagcloud a {
    font-size: 12px !important;
    background: #f2f2f2;
    color: #666;
    padding: 7px 10px;
    margin-right: 6px;
    border-radius: 2px;
    margin-bottom: 8px;
    display: inline-block;
    font-weight: 500;
	}
	.widget .tagcloud a:hover {
		background:#333;
    text-decoration: none;
    color: #FFF;
	}

	/*** Calender widget ***/
	#wp-calendar {width: 100%; }
	#wp-calendar caption { text-align: right; color: #777; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
	#wp-calendar thead { font-size: 12px;  }
	#wp-calendar thead th { padding-bottom: 10px; }
	#wp-calendar tbody { color: #000; }
	#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
	#wp-calendar tbody td a { font-weight:700; color:#222; }
	#wp-calendar tbody td:hover { background: #fff; }
	#wp-calendar tbody .pad { background: none; }
	#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
	#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }
	#wp-calendar thead th { padding-bottom: 10px; text-align: center; }

/* Latest Post Widget **********/
.sidebar-posts {
	margin-bottom:20px;
}
.sidebar-posts:after {
	content: "";
	display: table;
	clear: both;
}
.sidebar-posts:last-child {
	margin-bottom:0;
}
.sidebar-posts-img {
	margin-bottom:5px;
	position:relative;
}
.sidebar-posts-content {
	text-align:center;
}
.sidebar-posts-content h4 {
	margin-bottom:5px;
}
.sidebar-posts-content h4 a {
	font-size:17px;
	color:#000;
  line-height: 1.5;
}
.sidebar-posts-content span.traostudio-date {
	color:#999;
	display:block;
  margin-top: 11px;
}

.sidebar-posts .traostudio-date {
	font-size: 11px;
  color: #999;
}

.sidebar-posts-img img {
    width: 100%;
    height: auto;
}
	/* ----- Overlay layout ----- */
	.sidebar-posts.overlay .sidebar-posts-content {
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		background: -moz-linear-gradient(bottom,rgba(0,0,0,.7) 0,rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(bottom,rgba(0,0,0,.7) 0,rgba(0,0,0,0) 100%);
		background: linear-gradient(to top,rgba(0,0,0,.7) 0,rgba(0,0,0,0) 100%);
		padding:80px 20px 15px;
		box-sizing:border-box;
	}
	.sidebar-posts.overlay .sidebar-posts-content h4 a  {
		color:#fff;
	}
	.sidebar-posts.overlay .sidebar-posts-content span.traostudio-date {
		color:#bbb;

	}
	.sidebar-posts.overlay .sidebar-posts-img {
		margin-bottom:0;
	}
	.sidebar-posts.overlay .sidebar-posts-img img {
		vertical-align:middle;
	}

	/* ----- Post List view ----- */
	.sidebar-posts.list {
		margin-bottom:24px;
	}
	.sidebar-posts.list:last-child  {
		margin-bottom:0;
	}
	.sidebar-posts.list .sidebar-posts-img {
		float:left;
		max-width:87px;
		margin-right:15px;
		margin-bottom:0;
	}
	.sidebar-posts.list .sidebar-posts-img img {
		max-width: 100%;
		height: auto;
	}
	.sidebar-posts.list .sidebar-posts-content {
		text-align:left;
		overflow:hidden;
	}
	.sidebar-posts.list .sidebar-posts-content h4 a {
    font-size: 16px;
    color: #000;
    line-height: 1.5;
	}

	/** Social Widget **/
  .widget-social {
    text-align: center;
  }
	.widget-social a:first-child i{
		margin-left:0;
	}
	.widget-social a:last-child i{
		margin-right:0;
	}

	.widget-social a i {
		text-align:center;
		color:#000;
		margin:0 13px;
		font-size:16px;
	}

	.widget-social a:hover {
		opacity: 0.7;
	}

	/* custom menu */
	.widget ul.menu { float:none; }
	.widget ul.menu li { display:block; }

/* -------------------------------------- */
/* 12. Comments
/* -------------------------------------- */

.comments-wrap {
	margin-bottom:70px;
	margin-top:70px;
}

.comments {
	margin-bottom:40px;
}
.comment-form {
	border-bottom:1px dotted #eee;
	padding-bottom:34px;
	margin-bottom:34px;
}

.comment-form .comment-form-img {
	float:left;
	margin-right:25px;
}
.comment-form .comment-form-img img {
	border-radius:50%;
}
.comment-form .comment-form-content {
	overflow:hidden;
}
.comment-form .comment-form-content span.author, .comment-form .comment-form-content span.author a {
  display: block;
  font-size: 15px;
  margin-bottom: 6px;
  color: #000;
  font-weight: 500;
}
.comment-form .comment-form-content span.author a:hover {
	text-decoration:underline;
}
.comment-form .comment-form-content span.date {
	font-size:11px;
	color:#999;
	display:block;
	margin-bottom:10px;
}
.comment-form .comment-form-content em {
	font-size:13px;
	margin-bottom:-14px;
	display:block;
	color:orange;
	letter-spacing:1px;
}
.comment-form .comment-form-content em i {
	font-size:14px;
	color:#f3bd00;
}
.comments-wrap span.reply a {
  float: right;
  font-size: 12px;
  background-color: #aaa;
  color: #FFF;
  padding: 5px 6px 5px 6px;
  border-radius: 2px;
  margin-left: 7px;
}
.comments-wrap span.reply a.comment-edit-link {
	background:#c5c5c5;
}
.comments-wrap span.reply a:hover {
	opacity:.8;
}

ul.children { margin: 0 0 0 55px; }
ul.children li.comment-form { margin:0 0 8px 0; }

/** Reply **/
#respond {
	margin-bottom:20px;
	overflow:hidden;
}
#respond h3 {
	margin-bottom:30px;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  position: relative;
}
#respond h3::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 12px;
  background: #F8F1EA;
  transition-duration: .15s;
  z-index: -1;
  position: absolute;
  top: 54%;
  left: 0;
}
#respond h3 a {
	color:#000;
	display:inline-block;
}
#respond h3 small a {
	text-transform:uppercase;
	font-size:11px;
	background:#333;
	color:#FFF;
	padding:4px 6px 5px;
	border-radius:3px;
	margin-left:7px;
	letter-spacing:1px;
}
#respond h3 small a:hover {
	opacity:.8;
}
#respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label {
	width:80px;
	display:inline-block;
}
#respond label {
	font-weight:300;
	font-size:13px;
	color:#777;
}
#respond input[type="checkbox"] {
	width:auto;
	margin-right:10px;
}
.comment-form-cookies-consent {
	margin-bottom:10px;
}
#respond input[type="text"] {
	padding:8px 10px;
	border:1px solid #DDD;
	margin-right:10px;
	border-radius: 3px;
	color:#999;
	margin-bottom:15px;
	font-size:11px;
	width:250px;
	font-family: 'Lora', serif;
}
#respond input:focus {outline:none;}
#respond .comment-form-url {
	margin-bottom:10px;
}
#respond textarea {
	padding:14px;
	border:1px solid #DDD;
	border-radius: 3px;
	width:100%;
	height:120px;
	font-size:14px;
	color:#000;
	margin-bottom:14px;
	line-height:20px;
	font-family: 'Lora', serif;
}
#respond textarea:focus {outline:none;}

#respond #submit {
  background: #eee;
  border-radius: 0;
  font-size: 13px;
  color: #666;
  padding: 12px 12px;
  margin-top: 6px;
  display: inline-block;
  border: none;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
  border-radius: 3px;
  width: auto;
}

#respond #submit:hover {
	background:#ddd;
  color: #000;
}

/* -------------------------------------- */
/* 13. Archive
/* -------------------------------------- */
.archive-box {
  padding: 30px 0;
	text-align:center;
	margin-bottom:70px;
	border-bottom:5px double #DDD;
  border-top: 5px double #DDD;
}
.archive #header {
  margin-bottom: 0;
}
.archive-box span {
	font-size:11px;
	color:#999;
  margin-bottom: 8px;
  display: block;
}
.archive-box h1 {
	font-size:40px;
}
.archive-description {
	margin-top:10px;
	max-width:65%;
	margin-left:auto;
	margin-right:auto;
}
.archive-description p:last-child {margin-bottom:0;}

.nothing {
	margin-bottom:90px;
	text-align:center;
}

/* -------------------------------------- */
/* 14. WordPress Core
/* -------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Custom WordPress gallery style */
.gallery {
	margin-bottom:20px !important;
}
.gallery .gallery-caption{
    font-size:12px;
	color:#999;
	margin-top:4px;
	font-style:italic;
}

.gallery .gallery-icon img{
    border-radius:2px;
    border:1px solid #eee !important;
	padding:7px;
}
.gallery .gallery-icon img:hover {
	border:1px solid #ccc !important;
}

/* -------------------------------------- */
/* 15. MISC
/* -------------------------------------- */
/* Contact form 7 */
.wpcf7 input {
	width:266px;
}
div.wpcf7 {
	overflow:hidden;
	margin-top:40px;
}
.wpcf7 p.traostudio_input {
	float:left;
	margin-right:19px;
}
.wpcf7 p.traostudio_message {
	clear:both;
}

.wpcf7 input, .wpcf7 textarea {
	padding:8px;
	border:1px solid #DDD;
	margin-right:10px;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	color:#777;
	font-size:12px;
	margin-top:6px;
	margin-bottom:6px;
}
.wpcf7 textarea {
	width:95%;
}
.wpcf7 .wpcf7-submit {
  background: #444;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 6px;
  padding: 10px 21px;
  color: #FFF;
  font-size: 13px;
  cursor: pointer;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
  display: block;
  border: none;
  width: auto;
}
.wpcf7 .wpcf7-submit:hover {
	background-color: #000;
}

/* 404 Page */
.error-404 {
	margin-bottom:105px;
	text-align:center;
}

.error-404 h1 {
	font-size:190px;
	font-weight:700;
	margin-bottom:-25px;
}
.error-404 p {
	color:#999;
	font-size:18px;
	font-style:italic;
}

/* Mailchimp */
/* Newsletter widget */
.news-content {
	text-align:center;
}
.news-content h4 {
	font-weight:500;
	margin-bottom:8px;
	font-size:30px;
}

.form-wrap {
	text-align:left;
}
.form-wrap input[type=email] {
	padding:12px 18px;
	border-radius:2px;
	border:none;
	box-shadow: 0 0px 16px 0 rgba(0,0,0,.036);
	border:1px solid #e5e5e5;
	width:100%;
	margin-top:20px;
	margin-bottom:10px;
}
.form-wrap input[type=submit] {
	background:#242424;
	font-size:13px;
	color:#fff;
	padding:12px 0;
	margin-top:0;
	width:100%;
	border-radius:2px;
	border:none;
	box-shadow: 0 0px 16px 0 rgba(0,0,0,.05);
	-o-transition:.15s;
	-ms-transition:.15s;
	-moz-transition:.15s;
	-webkit-transition:.15s;
	transition:.15s;
}
.form-wrap input[type=submit]:hover {
	background:#111;
}

.form-wrap, .form-wrap p, .form-wrap a{
	font-size:12px;
	line-height:18px;
	color:#999;
}
.form-wrap p {
	margin-bottom:10px;
}


/* Mailchimp comments */
#respond .mc4wp-checkbox-comment_form label {
	width:auto;
}
#respond #mc4wp-checkbox input {
	margin-bottom:0;
}

/*** Styling for forms and buttons ***/
input, select {
	border:1px solid #e5e5e5;
	color:#999;
	padding:9px 7px;
	box-sizing:border-box;
	width:100%;
	margin-bottom:10px;
}
input[type="submit"] {
	background:#171717;
	-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius:20px;
	padding:12px 24px;
	color:#FFF;
	font-size:14px;
	cursor:pointer;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	display:block;
	border:none;
	width:auto;
  font-weight: 500;
  -webkit-appearance: none;
}
input[type="submit"]:hover {
	opacity:.8;
}

#footer-instagram .jr-insta-thumb .thumbnails > li {
	padding:0 !important;
}
#footer-instagram .jr-insta-thumb .thumbnails {
	padding:0 !important;
}

#footer-instagram .instagram-heading {
	text-align:center;
	font-size:36px;
	margin-bottom:15px;
}

#footer-instagram {
	text-align:center;
  border-bottom: 1px solid #ccc;
  position: relative;
  z-index: 2;
}

.footer-instagram-text {
  margin-bottom: 7px;
  display: block;
  color: #000;
  font-style: italic;
  font-style: 16px;
}

@media only screen and (max-width: 960px) {
#footer-instagram #sbi_images .sbi_item {
width:20% !important;
padding: 1% !important;
}
}

/* -------------------------------------- */
/* 16. Owl Carousel
/* -------------------------------------- */
/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}
/*
* 	Owl Carousel Owl Demo Theme
*/
.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}
.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}
.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}
.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}

/* -------------------------------------- */
/* 17. Mobile Menu (Slicknav)
/* -------------------------------------- */
.slicknav_btn { position: relative; display: block; vertical-align: middle; float: left;  line-height: 27px; cursor: pointer;  height:27px;}
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; outline: none;}
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar {
  display: block;
  width: 24px;
  height: 3px;
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 5px }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow {
  font-size: 13px;
  margin: 0px 0 0 5px;
}
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

.slicknav_menu {
    font-size:16px;
}
/* Button */
.slicknav_btn {
    margin: 5px 5px 26px;
    text-decoration:none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #000;
    font-weight: 500;
    text-shadow: 0 1px 3px #000;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #000;
}
.slicknav_nav {
    color:#000;
    margin:0;
    font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
    background: #EEE;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 20px;
}
.slicknav_nav a{
  padding:5px 10px;
  margin:5px 5px;
  text-decoration:none;
  color:#000;
	font-size:14px;
	font-weight:500;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {

}
.slicknav_nav a:hover{
    background:#DDD;
    color:#000;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;
}

.slicknav_menu .slicknav_no-text {
	margin-top:14px;
}

/* -------------------------------------- */
/* 18. WooCommerce
/* -------------------------------------- */

/***** Shop page *****/
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
	font-size: 15px;
	text-align: center;
  line-height: 20px;
}
.woocommerce input, .woocommerce select, .woocommerce textarea {
  padding: 13px;
	font-size: 14px;
	border: 1px solid #777;
  border-radius: 3px;
}

.woocommerce ::-webkit-input-placeholder {
	color: #777;
}

.woocommerce :-moz-placeholder {
 /* Firefox 18- */
	color: #777;
}

.woocommerce ::-moz-placeholder {
	/* Firefox 19+ */
	color: #777;
}

.woocommerce :-ms-input-placeholder {
	color: #777;
}

.woocommerce .woocommerce-breadcrumb {
  font-size: 13px;
  margin-bottom: 20px;
  color: #777;
}

.woocommerce .woocommerce-breadcrumb a {
  color: #777;
}

.woocommerce .woocommerce-breadcrumb a:hover {
	color: #000;
}

.woocommerce ul.products li.product a img {
  margin-bottom: 8px;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
}

.woocommerce ul.products li.product a img:hover {
  opacity: 0.9;
}

.woocommerce ul.products li.product h3 {
	font-size: 14px;
	line-height: 22px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
  text-align: center;
  margin-bottom: 8px;
  padding: 15px 0 0 0;
}

.woocommerce ul.products li.product .price {
  text-align: center;
  font-size: 12px;
  color: #aaa;
  margin-top: 2px;
  margin-bottom: 0;
  line-height: normal;
}

.woocommerce ul.products li.product .price del {
  display: inline;
  margin-right: 3px;
}

.woocommerce ul.products li.product .price ins {
  font-weight: 300;
  text-decoration: none;
}

.woocommerce ul.products li.product .button {
  display: none;
}

.widget_product_categories .count {
  font-size: 14px;
  color: #aaa;
}

.woocommerce ul.products li.product .onsale {
  display: none;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
  background-color: #eee;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
  background-color: #d8d8d8;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  background-color: #d8d8d8;
}

.woocommerce .woocommerce-ordering {
  margin-bottom: 40px;
}

.woocommerce .woocommerce-ordering select {
  padding: 7px 9px;
  color: #777;
  border-radius: 3px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: none;
  background: #EEE;
  max-width: 180px;
  outline: none;
	line-height: 1;
  -webkit-appearance: none;
}

.woocommerce .page-title {
  margin-bottom: 9px;
}

.woocommerce .woocommerce-result-count {
	font-size: 11px;
	color: #aaa;
}

.woocommerce nav.woocommerce-pagination {
  margin-bottom: 50px;
}

.woocommerce nav.woocommerce-pagination ul {
  border: none;
}

.woocommerce nav.woocommerce-pagination ul li {
  border: none;
  margin: 0 4px;
  border-radius: 0;
}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
  color: #000;
  font-size: 14px;
	padding: 7px;
  border: 1px solid #DDD;
	font-weight: 300;
  min-width: 27px;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
  background: #242424;
	border-color: #242424;
  color: #FFF;
}

/***** Single Product *****/
.woocommerce div.product div.images img {
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
}

.woocommerce div.product div.images img:hover {
  opacity: 0.9;
}

.woocommerce div.product form.cart .variations label {
  font-size: 13px;
  color: #000;
  font-weight: 500;
}

.woocommerce div.product p.price del, .woocommerce div.product span.price del {
  margin-right: 5px;
	opacity: 0.3;
}

.woocommerce-variation-price {
	margin-bottom: 10px;
}

.woocommerce-message:before {
  content: "\e015";
  color: #e0ad97;
}

.woocommerce table.shop_table {
  font-size: 16px;
}

.woocommerce div.product .product_title {
  font-size: 25px;
  color: #000;
  margin-bottom: 20px;
  line-height: 35px;
}
.woocommerce .comment-form-rating label {
    margin-bottom: 5px;
    display: block;
}
.woocommerce .woocommerce-product-rating .star-rating {
  font-size: 12px;
  color: #e0ad97;
  font-style: normal;
	margin: 8px 8px 0 0;
}

a.woocommerce-review-link {
  font-size: 12px;
  color: #999;
	font-style: italic;
}

a.woocommerce-review-link:hover {
	color: #000;
}

.woocommerce div.product {
  margin-bottom: 40px;
}
.woocommerce div.product .woocommerce-product-rating {
  margin-bottom: 15px;
  line-height: normal;
}

.woocommerce div.product .entry-summary p.price, .woocommerce div.product .entry-summary span.price {
  font-size: 20px;
  color: #000;
}

.woocommerce #content div.product div.summary p {
  margin-bottom: 20px;
}

.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
  font-weight: 400;
  text-decoration: none;
}

.woocommerce div.product form.cart, .woocommerce div.product p.cart {
  margin-top: 30px;
  margin-bottom: 30px;
}

.woocommerce div.product form.cart .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-account input.button[type=submit], .checkout_coupon input.button {
  background-color: #242424;
  color: #FFF;
  font-size: 13px;
  text-transform: none;
  letter-spacing: 0;
  padding: 0 16px;
  border-radius: 3px;
  opacity: 1;
  outline: none;
  height: 40px;
  line-height: 40px;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce-account input.button[type=submit]:hover, .checkout_coupon input.button:hover {
  opacity: 0.8;
	background-color: #000;
	color: #FFF;
}

.woocommerce-account input.button[type=submit] {
  margin-top: 10px;
}

.woocommerce td.product-name dl.variation dt {
  line-height: 2;
}
.woocommerce .quantity .qty {
	padding: 0;
	margin-right: 7px;
	height: 39px;
	border-radius: 3px;
	width: 39px;
	outline: none;
}

.woocommerce-cart .quantity .qty {
	width: 40px;
	height: 40px;
}

.woocommerce div.product form.cart .variations select {
  height:48px;
  outline: none;
}

.product_meta {
  font-size: 13px;
}

.product_meta a:hover {
	text-decoration: underline;
}

.product_meta .sku_wrapper, .product_meta .posted_in, .product_meta .tagged_as {
  display: block;
  line-height: 21px;
}

.woocommerce span.onsale {
  min-height: 28px;
  min-width: 60px;
  line-height: 28px;
  top: 15px;
  left: 15px;
  background-color: #fff;
  color: #000;
  font-size: 13px;
  padding: 3px 0 0 0;
  padding-left: 2px;
  border-radius: 0;
  font-weight: bold;
	border: 2px solid;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
  width: 44%;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
  width: 51%;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  padding: 12px 10px;
  font-size: 13px;
  font-weight: 500;
  color: #000;
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
  margin-bottom: 15px;
  font-size: 13px;
  color: #777;
  font-weight: 400;
}

.woocommerce table.shop_attributes td p {
    margin-bottom: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background-color: #f1f1f1;
}

.woocommerce-tabs.wc-tabs-wrapper {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 35px;
}

.up-sells h2 {
  margin-bottom: 20px;
  font-style: italic;
  font-size: 20px;
}

.pp_woocommerce a {
  font-style: normal;
}

.woocommerce .comment-reply-title {
	font-size: 13px;
  color: #777;
	margin-bottom: 3px;
  font-weight: 400;
}
/**** Related Products ****/
.related.products ul.products li.product {
  margin-bottom: 0;
}

.related.products > h2 {
  margin-bottom: 28px;
	position: relative;
	font-size: 16px;
	color: #000;
}

.related.products .star-rating , .woocommerce ul.products li.product .star-rating {
  display: none;
}
/* attributes */
.woocommerce table.shop_attributes th {
  font-weight: 400;
  border: 1px solid #DDD;
}

.woocommerce table.shop_attributes td {
  padding-left: 15px;
  border: 1px solid #DDD;
}

/* Comments / Reviews  */

.woocommerce #reviews #comment {
  height: 120px;
}

.woocommerce #reviews #comments ol.commentlist li .meta {
  color: #666;
}

.woocommerce #reviews #comments ol.commentlist {
  padding-left: 0;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
  position: relative;
  border: none;
  background: none;
  border-radius: 100%;
  height: 50px;
  width: 50px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
  border: none;
  border-radius: 0;
  margin-left: 65px;
  padding: 0 0 0 10px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
  line-height: normal;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p {
  margin-bottom: 3px;
}

.woocommerce .comment-text p.meta strong {
  font-size: 13px;
  margin-bottom: 2px;
  color: #000;
  font-weight: 500;
  line-height: normal;
}

.woocommerce .comment-text p.meta time {
	font-size: 12px;
	color: #aaa;
	font-style: italic;
}

.woocommerce #reviews #comments .description {
  margin-top: 10px;
}

.woocommerce p.stars a {
  margin-right: 3px;
}

.woocommerce p.stars a:before {
  font-size: 14px;
	color: #e0ad97;
}

.woocommerce p.stars a:hover:before {
	color: #e0ad97;
}

.woocommerce .star-rating span::before, .woocommerce .star-rating::before {
	font-size: 12px;
  color: #e0ad97;
}

.woocommerce #reviews #comments ol.commentlist li {
  border-bottom: 1px solid #eee;
  padding-bottom: 25px;
  list-style: none;
}

.woocommerce #reviews h3 {
  margin-bottom: 5px;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	color: #aaa;
	font-style: normal;
}

.woocommerce-noreviews {
  margin-bottom: 10px !important;
  font-size: 13px;
}

.comment-notes {
  font-size: 14px;
}

.woocommerce #respond input {
  margin-bottom: 3px;
	color: #000;
	font-size: 12px;
}

.woocommerce #review_form #respond textarea {
  margin-bottom: 0;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button {
  background: #242424;
  font-size: 13px;
  color: #FFF;
  padding: 13px 14px;
  display: inline-block;
  border: none;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
  width: auto;
	line-height: normal;
	border-radius: 3px;
	font-weight: normal;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
  opacity: 0.8;
	background-color: #000;
	color: #FFF;
}

.woocommerce #review_form #respond .form-submit input {
	min-width: 120px;
}

/***** My account *****/
nav.woocommerce-MyAccount-navigation li a, .post-entry .woocommerce-MyAccount-content p a {
    color: #000;
}

.woocommerce table.my_account_orders th {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 400;
  padding: 10px;
}

.woocommerce table.shop_table td {
	border-bottom: none;
	padding: 12px 12px;
	border-left: none;
}

.woocommerce table.my_account_orders .order-actions .button {
  padding: 7px 14px 8px 16px;
  font-size: 10px;
}

.woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th {
  padding: 8px 8px;
}

.woocommerce table.shop_table {
  margin-bottom: 35px;
}

.woocommerce-page .col2-set.addresses {
  margin-top: 30px;
}

.woocommerce-page .col2-set.addresses address {
  color: #888;
}

p.myaccount_user {
  margin-bottom: 35px;
}

.woocommerce-account .addresses .title .edit {
  font-size: 11px;
  text-decoration: underline;
	letter-spacing: 1px;
	text-transform: uppercase;
}

/***** Empty cart *****/
.cart-empty {
  text-align: center;
}

.return-to-shop {
  text-align: center;
}

/***** Order ID *****/
.woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tbody th {
  border-bottom: none;
  font-weight: 500;
}

mark {
  background-color: #fff;
  border-bottom: 3px solid #eee;
}

/***** Checkout *****/
.woocommerce form .form-row .required {
	text-decoration: none;
}

.select2-container .select2-choice {
  height: 44px;
  line-height: 44px;
}

.woocommerce .woocommerce-info:before {
  color: #888;
}

.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
  background-color: #f7f7f7;
  border-top-color: #000;
  line-height: 34px;
  font-size: 14px;
}

.woocommerce .woocommerce-info {
  border-top-color: #000;
}

a.showcoupon {
  text-decoration: underline;
}

.woocommerce-checkout form h3 {
	font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

input#ship-to-different-address-checkbox {
  width: auto;
  vertical-align: middle;
}

.woocommerce-checkout #payment ul.payment_methods li {
  list-style: none;
}

.woocommerce-checkout #payment ul.payment_methods li input {
  width: auto;
}

.woocommerce-checkout #payment {
  background-color: #f4f4f4;
  border: 1px solid rgba(0,0,0,.1);
}

.woocommerce-checkout #payment ul.payment_methods {
  border-bottom: none;
}

.woocommerce-checkout #payment div.payment_box:before {
  border: 1em solid #ebebeb;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
}

.woocommerce-checkout #payment div.payment_box {
  background-color: #ebebeb;
  color: #888;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
  border: 1px solid #DDD;
	border-radius: 0;
	padding: 34px;
}

#add_payment_method .checkout .create-account small, .woocommerce-cart .checkout .create-account small, .woocommerce-checkout .checkout .create-account small {
  line-height: 19px;
}

.woocommerce-cart table.cart .product-thumbnail img {
	margin-bottom: 0;
}
/***** Order received *****/
.woocommerce .order_details li {
  list-style: none;
}

.woocommerce .order_details {
  padding-left: 0;
}

.woocommerce .woocommerce-error:before {
	top: 15px;
}

.woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before {
  top: 13px;
  font-style: normal;
}

.woocommerce .woocommerce-error li, .woocommerce .woocommerce-info li, .woocommerce .woocommerce-message li {
  margin-bottom: 0;
}


/***** Cart *****/
.woocommerce table.shop_table th {
	font-size: 13px;
  font-weight: 500;
}

.woocommerce .product-name a {
	color: #000;
}
.woocommerce .cart-collaterals .cross-sells ul li h3 {
    font-size: 12px;
    line-height: 19px;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
  width: 100%;
}

.woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th {
  padding: 13px;
}

.woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th {
  border-top: none;
}

.woocommerce .cart .button, .woocommerce .cart input.button {
  font-size: 12px;
  background-color: #ebe9eb;
  padding: 8px 14px;
	border-radius: 0;
	outline: none;
  color: #000;
}

.woocommerce .cart .button:hover, .woocommerce .cart input.button:hover {
	opacity: 1;
}
.woocommerce .cart .coupon .button {
    background-color: #ebe9eb;
    color: #000;
    opacity: 0.8;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
  padding: 6px;
  margin-right: 10px;
  line-height: 18px;
}

.woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
  min-width: 110px;
	font-size: 11px;
	background-color: #FFF;
}

.woocommerce-cart .cart-collaterals .cart_totals table th {
  background: #f7f7f7;
}

.woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions {
  padding: 15px;
  border-top: 1px solid #e5e5e5;
}

.woocommerce a.remove {
  color: #000 !important;
}

.woocommerce a.remove:hover {
  background: none !important;
  color: #000 !important;
  text-decoration: none;
}

.post-entry .cart_item a {
  color: #000;
}

.post-entry .cart_totals h2 {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 15px;
}

.woocommerce .cart-collaterals .cross-sells h2 {
  font-size: 17px;
  font-weight: normal;
	margin-bottom: 10px;
}
/***** login *****/
input#rememberme {
  width: auto;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
  font-size: 13px;
  color: #444;
  width: 100%;
}

.woocommerce form .form-row {
  box-sizing: border-box;
}

.woocommerce form .form-row label {
  margin-bottom: 4px;
	color: #555;
}

.woocommerce .login .button {
  margin-right: 10px;
}

.woocommerce form .form-row .input-checkbox {
  width: auto;
}

.lost_password {
  font-size: 11px;
}

.post-entry .lost_password a {
  font-size: 15px;
  font-style: italic;
	font-weight: normal;
	color: #999;
	display: block;
	margin-top: 15px;
}

.post-entry .lost_password a:hover {
	color: #000;
}

/***** cart widget *****/
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove {
  font-size: 20px;
  line-height: 18px;
  font-weight: 700;
}

.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
}

.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
  width: 60px;
}

.woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li {
  margin-bottom: 8px;
}

.widget_shopping_cart .quantity {
  color: #aaa;
}

.woocommerce ul.cart_list, .woocommerce ul.product_list_widget {
  margin-bottom: 15px;
}

.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
  border-top: 1px solid #eee;
  padding-top: 10px;
  margin-bottom: 15px;
}

.widget_shopping_cart a.button, .woocommerce .widget_price_filter .price_slider_amount .button {
  font-size: 10px;
  padding: 13px 16px 11px;
  margin: 0 5px 0 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
}

.post-entry .woocommerce-message {
  border-color: #e0ad97;
}

/***** Cart widget *****/
.widget_shopping_cart {
  background-color: #FFF;
}

.woocommerce ul.cart_list li dl, .woocommerce ul.product_list_widget li dl {
    padding-left: 0;
    border-left: 0;
}

.woocommerce ul.cart_list li dl dd p {
    font-size: 13px;
    line-height: normal;
}

/***** product widget *****/
.woocommerce.widget_products ul.product_list_widget li img, .woocommerce.widget_recently_viewed_products ul.product_list_widget li img,
.woocommerce.widget_recent_reviews ul.product_list_widget li img, .woocommerce.widget_top_rated_products  ul.product_list_widget li img {
  float: left;
  margin-left: 0;
  margin-right: 14px;
  width: 80px;
}

.woocommerce.widget_products ul.product_list_widget li, .woocommerce.widget_recently_viewed_products ul.product_list_widget li,
.woocommerce.widget_recent_reviews ul.product_list_widget li, .woocommerce.widget_top_rated_products  ul.product_list_widget li {
  margin-bottom: 8px;
  padding-bottom: 10px;
}

.woocommerce.widget_products .amount, .woocommerce.widget_recently_viewed_products .amount, .woocommerce.widget_recent_reviews .amount,
.woocommerce.widget_top_rated_products .amount {
  color: #aaa;
}

.woocommerce.widget_products span.product-title, .woocommerce.widget_recently_viewed_products span.product-title,
.woocommerce.widget_recent_reviews span.product-title, .woocommerce.widget_top_rated_products span.product-title {
  margin-bottom: 5px;
}

ul.product-categories {
	padding-left: 16px;
}

ul.product-categories .cat-parent {
  border-bottom: none;
}

ul.product-categories > li {
  list-style-type: disc;
}

/***** review widget *****/
.woocommerce ul.cart_list li .star-rating {
  margin-top: 8px;
  margin-bottom: 3px;
}

.woocommerce ul.product_list_widget li .star-rating {
  margin-top: 8px;
  margin-bottom: 8px;
}

.woocommerce ul.product_list_widget .reviewer {
  color: #aaa;
  font-style: italic;
  font-size: 11px;
  margin-top: 10px;
  display: block;
}

/***** widget filter *****/
.woocommerce.widget_layered_nav_filters ul li {
  margin-right: 10px;
}

.woocommerce.widget_layered_nav ul li .count {
  color: #aaa;
}

.woocommerce.widget_layered_nav ul li a:hover {
  text-decoration: none;
}


/***** Search widget *****/
.woocommerce-product-search input {
  margin-bottom: 6px;
  font-size: 13px;
  padding: 0 18px;
  height: 40px;
  color: #000;
}

.woocommerce-product-search input[type="submit"] {
  background-color: #171717;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 0 18px;
  border-radius: 2px;
  opacity: 1;
  color: #FFFFFF;
  border: none;
  font-weight: bold;
  height: 40px;
  cursor: pointer;
}

/***** Woocommerce gallery images *****/
.woocommerce div.product div.images .flex-control-thumbs li {
    padding: 4px;
    box-sizing: border-box;
}

.woocommerce div.product div.images img {
	margin-bottom: 5px;
}

/* ----- Header Shopping Cart ----- */
#traostudio-shopping-cart {
	float:right;
	margin-right:18px;
	line-height:58px;
}
.cart-contents {
	position:relative;

}
.cart-contents:before{
    font-family:FontAwesome;
    content: "\f07a";
    font-size:16px;
    font-style:normal;
    font-weight:400;
    padding-right:5px;
    vertical-align: bottom;
	   color:#000;
}
.cart-contents:hover {text-decoration: none}
.cart-contents .traostudio-count {
	background:#bbb;
	color:#fff;
	display:inline-block;
	width:16px;
	height:16px;
	text-align:center;
	font-weight:500;
	line-height:16px;
	border-radius:100%;
	font-size:10px;
	position:absolute;
	top:12px;
	right:-8px;
  font-style: normal;
}

/* -------------------------------------- */
/* 19. Gutenberg Styling
/* -------------------------------------- */
pre.wp-block-preformatted {
    line-height: 1.5;
    margin-bottom: 20px;
}
.entry-content ul.wp-block-gallery {
	padding-left:0;
}
.wp-block-image figcaption {
	color:#242424;
	font-size:15px;
}
.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
	padding-bottom:10px;
	font-size:16px;
}

/* blockquote */
.wp-block-quote, .wp-block-image, .wp-block-media-text, .wp-block-categories, .wp-block-archives {
	margin-bottom:20px;
}
.entry-content .wp-block-quote p, #main.fullwidth .entry-content .wp-block-quote p {
	font-size:20px;
	line-height:30px;
	position: relative;
	border-left:none;
	padding-left:0;
}
.entry-content blockquote.wp-block-quote {
	border-left:none;
	padding:15px 60px 20px;
  margin-bottom: 0;
}
.entry-content blockquote.wp-block-quote  p:first-child:before {
  content: '\201C';
  color: #BBB;
  font-size: 100px;
  font-weight: 700;
  position: absolute;
  top: 34%;
  text-shadow: none;
  z-index: 1;
  left: -66px;
}
.entry-content blockquote.wp-block-quote cite, .entry-content .wp-block-pullquote blockquote cite {
  display: block;
  font-size: 12px;
  font-weight: 500;
}
.entry-content blockquote.wp-block-quote cite:before {
	content:"-";
	margin-right:4px;
}

/* -- Pullquote --- */
.entry-content .wp-block-pullquote {
	border-top:2px solid;
	border-bottom:2px solid;
	border-color:#000;
	margin-bottom:20px;
	margin-top:10px;
	position:relative;
	padding:30px 10px;
}
.entry-content .wp-block-pullquote.is-style-solid-color  {
	border:none;
}
.entry-content .wp-block-pullquote blockquote {
	border-left:none;
}
.wp-block-pullquote.is-style-solid-color blockquote {
	margin:0;
	max-width:100%;
	text-align:center;
}
.entry-content .wp-block-pullquote blockquote p, #main.fullwidth .entry-content  .wp-block-pullquote blockquote p{
	position:relative;
	z-index:10;
	border-left:none;
	padding-left:0;
	padding-right:0;
}
.entry-content .wp-block-pullquote blockquote p:first-child:before {
    content: '\201C';
    color: rgba(255,255,255, .35);
    font-size: 100px;
    font-weight: 700;
    position: absolute;
    top: 20px;
    left: -25px;
    text-shadow: none;
    z-index: -1;
}
.entry-content .wp-block-pullquote.is-style-solid-color blockquote p:first-child:before {
	left:-5px;
}
.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
	width:300px;
}
.wp-block-pullquote.alignright {
	margin-right:0;
	margin-left:20px;
	float:right;
}
.wp-block-pullquote.alignleft {
	margin-left:0;
	margin-right:20px;
	float:left;
}
#main.fullwidth .entry-content .wp-block-pullquote.alignright, #main.fullwidth .wp-block-image.alignright, #main.fullwidth .alignright.wp-block-embed {
	margin-right:-9%;
	margin-left:30px;
}
#main.fullwidth .wp-block-pullquote.alignleft, #main.fullwidth .wp-block-image.alignleft, #main.fullwidth .alignleft.wp-block-embed{
	margin-left:-9%;
	margin-right:30px;
}

.wp-block-pullquote p, .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p, .wp-block-pullquote.is-style-solid-color blockquote p {
	margin-bottom:10px;
	font-size:20px;
	line-height:32px;
}

/* Align images */
#main.fullwidth .wp-block-image .alignleft {
	margin-left:-9%;
	margin-right:30px;
}
#main.fullwidth .wp-block-image .alignright {
	margin-right:-9%;
	margin-left:30px;
}

/* Block cover */
.wp-block-cover .wp-block-cover-text {
	font-size:2.2em;
}

/* Button */
.entry-content .wp-block-button a.wp-block-button__link {
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:12px;
	font-weight:700;
	padding: 14px 24px;
}
.entry-content .wp-block-button a.wp-block-button__link:hover {
	text-decoration:none;
	opacity:.8;
}

/* Post block */
.entry-content ul.wp-block-latest-posts {
	padding: 0px;
    /*border: 1px solid #e8e8e8;*/
}
.entry-content ul.wp-block-latest-posts.is-grid {
	padding:0;
}
.entry-content ul.wp-block-latest-posts li {
	list-style:none;
}
.entry-content ul.wp-block-latest-posts:not(.is-grid) li {
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #e8e8e8;
}
.entry-content ul.wp-block-latest-posts:not(.is-grid) li:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}
.entry-content ul.wp-block-latest-posts.is-grid li {
	background:#f7f7f7;
	padding:15px 20px;
}

.entry-content ul.wp-block-latest-posts li a {
	color:#000;
	font-size:20px;
	display:block;
	margin-bottom:5px;
}
.wp-block-latest-posts__post-date {
	font-size:13px;
	font-style:italic;
	color:#999;
}

/* category/archive block */
.entry-content .wp-block-categories li a, .entry-content .wp-block-archives li a, .entry-content .wp-block-categories li, .entry-content .wp-block-archives li  {
	color:#000;
}

.wp-block-categories select, .wp-block-archives select {
    padding: 8px;
    border: 1px solid #ddd;
}

/* comments block */
.entry-content ol.wp-block-latest-comments {
	padding:0;
}

.wp-block-latest-comments__comment-meta {
	font-size:18px;
	color:#999;
}
a.wp-block-latest-comments__comment-author {
	color:#000;
}
a.wp-block-latest-comments__comment-link {
	color:#999;
}
.wp-block-latest-comments__comment-date {
	font-style:italic;
	margin-top:2px;
}
.wp-block-latest-comments__comment-excerpt p {
	font-size:16px;
}

/* Align wide and full */

#main.fullwidth .alignfull {
    width: 100vw;
    margin-left: 50%;
    transform: translateX(-50%);
    max-width: none;
}
#main.fullwidth .entry-content .alignwide {
    max-width: 1280px;
	width:1280px;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

/* Fullwidth post layout */
#main.fullwidth .single .entry-content, #main.fullwidth .single .entry-content p {
	font-size:15px;
	line-height:26px;
}
#main.fullwidth .entry-content .alignfull, #main.fullwidth .entry-content .alignwide {
	padding-top:10px;
}
#main.fullwidth .entry-content p, #main.fullwidth .entry-content .alignfull, #main.fullwidth .entry-content .alignwide, #main.fullwidth .entry-content hr, #main.fullwidth .wp-block-image,
#main.fullwidth .wp-block-media-text, #main.fullwidth .wp-block-categories, #main.fullwidth .wp-block-archives, #main.fullwidth .wp-block-embed {
	margin-bottom:26px;
}
#main.fullwidth.fullwidth-post .entry-content h1, #main.fullwidth.fullwidth-post .entry-content h2, #main.fullwidth.fullwidth-post .entry-content h3, #main.fullwidth.fullwidth-post .entry-content h4,
#main.fullwidth.fullwidth-post .entry-content h5, #main.fullwidth.fullwidth-post .entry-content h6 {
	padding-top:10px;
}

/* Separator lines */
.wp-block-separator {
    margin: 45px auto;
    background:#ddd;
	height:1px;
	border: 0;
    clear: both;
}
.wp-block-separator:not(.is-style-dots):not(.is-style-wide){
    max-width: 180px;
}

.wp-block-separator.is-style-dots::before {
	font-size:24px;
}

/* Gallery */
.entry-content ul.blocks-gallery-grid {
padding-left:0;
}
.wp-block-image figcaption {
text-align:center;
}
.blocks-gallery-caption {
text-align:center;
display:block;
width:100%;
margin-bottom:20px;
margin-top:-20px;
color:#999;
}
.aligncenter {
text-align:center;
}

/* Gutenberg responsive */
@media only screen and (min-width: 942px) and (max-width: 1170px) {
	#main.fullwidth .entry-content .alignwide {
		max-width:940px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
	#main.fullwidth .entry-content .alignwide {
		max-width:100%;
		margin-left:0;
		transform:none;
		width:100%;
	}
}
@media only screen and (max-width: 767px) {

	.entry-content blockquote {
		padding:0;
	}
	#main.fullwidth .wp-block-pullquote.alignleft, #main.fullwidth .wp-block-image .alignleft, #main.fullwidth .alignleft.wp-block-embed {
		margin-left:0;
		margin-right:20px;
	}
	#main.fullwidth .wp-block-pullquote.alignright, #main.fullwidth .wp-block-image .alignright, #main.fullwidth .alignright.wp-block-embed {
		margin-right:0;
		margin-left:20px;
	}
	.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
		max-width:240px;
	}
	.entry-content blockquote.wp-block-quote {
		padding-right: 0;
	}

	#main.fullwidth .entry-content .alignwide {
		max-width:100%;
		margin-left:0;
		transform:none;
		width:100%;
	}

}

.index-shortcode {
	margin-bottom:20px;
}
.index-wrap {
	display:grid;
	grid-gap:20px;
}
.index-wrap.grid-2 {
	grid-template-columns:repeat(2, 1fr);
	grid-gap:30px;
}
.index-wrap.grid-3 {
	grid-template-columns:repeat(3, 1fr);
}
.index-wrap.grid-4 {
	grid-template-columns:repeat(4, 1fr);
}
.index-wrap .grid-item {
	margin-bottom:0;
}
.index-item .post-img {
	margin-bottom:8px;
}
.index-item .grid-item .entry-header .cat {
	display:block;
}
.index-item .grid-item .entry-header .cat a {
	margin: 0 0 5px 0;
}
.entry-content .index-item .grid-item .entry-header .cat a:hover {
	text-decoration:none;
}
.index-wrap .grid-item .entry-header h2 a {
	letter-spacing:1px;
	font-weight:700;
}
.index-wrap.grid-2 .grid-item .entry-header h2 a {
	font-size:20px;
}
.index-wrap.grid-2 .grid-item .entry-header h2 {
	line-height:27px;
}
.index-wrap.grid-3 .grid-item .entry-header h2 a {
	font-size:16px;
}
.index-wrap.grid-3 .grid-item .entry-header h2 {
	line-height:22px;
}
.entry-content .index-wrap .grid-item .entry-header h2 {
	margin-bottom:5px;
}
.entry-content .index-wrap .grid-item .entry-header h2 a:hover {
	text-decoration:none;
}
.index-wrap.grid-4 .grid-item .entry-header h2 a {
	font-size:14px;
}
.index-wrap.grid-4 .grid-item .entry-header h2 {
	line-height:18px;
}
.index-heading {
	position:relative;
	z-index:10;
}
.entry-content .index-heading {
	font-size:17px;
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:400;
	position: relative;
	margin-bottom:25px;
    line-height: 15px;
	color:#999;
	font-style:normal;
}
.entry-content .index-heading:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 6px;
    height: 1px;
    border-bottom: 1px solid #ddd;
}
.entry-content .index-heading > span {
    line-height: 15px;
    height: 15px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-right: 25px;
    background: #fff;
}
.entry-content .index-heading a {
	background:#fff;
	position:absolute;
	right:0;
	top:-1px;
	padding-left:18px;
	font-size:11px;
	letter-spacing:1px;
}

@media only screen and (max-width: 767px) {
	.index-wrap.grid-2, .index-wrap.grid-3, .index-wrap.grid-4  {
		grid-template-columns:1fr;
		grid-gap:20px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
	.index-wrap.grid-2, .index-wrap.grid-3, .index-wrap.grid-4  {
		grid-template-columns:repeat(2, 1fr);
		grid-gap:20px;
	}
}