@charset "utf-8";

/* =secondary
-------------------------------------------------------------- */

#secondary section {
	padding: 0 15px;
	margin-bottom: 40px;
}

/* =main
-------------------------------------------------------------- */

.home.blog #main.one-column #content {
	padding: 0;
}
.blog #primary {
	margin-bottom: 60px;
}

/* - h2 - */
.home.blog #content h2,
.home #content h2,
#content .info-area h2 {
	color: #F0F0F0;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 30px;
	text-align: center;
	letter-spacing: 1px;
}
.home.blog #content h2:after,
.home #content h2:after,
#content .info-area h2:after {
	display: block;
	content: " ";
	width: 70px;
	height: 2px;
	background-color: #D4AF37;
	margin: 15px auto 0;
}


/* =front-page.php
-------------------------------------------------------------- */

/* - .main-slider - */
.main-slider img {
	width: 100%;
	height: auto;
}
.main-slider .slick-dots {
	top: auto;
	bottom: 5px;
	z-index: 1;
}
.main-slider .slick-dots li,
.main-slider .slick-dots button {
	width: 15px;
	height: 15px;
	margin: 0 2px;
}
.main-slider .slick-dots button:before {
	font-size: 16px;
}

/* -- .main-image -- */
.main-image {
	padding: 0;
}

/* -- other slider -- */
.home .slick-slider,
.blog .slick-slider {
	margin-bottom: 0;
	z-index: 0;
}
.blog .slick-prev,
.blog .slick-next {
	display: block !important;
	width: auto;
	height: auto;
	background: none;
	z-index: 1;
}
.blog .slick-prev:before,
.blog .slick-next:before {
	font-family: 'FontAwesome';
	font-size: 40px;
}
.blog .slick-prev {
	left: 15px;
}
[dir='rtl'] .blog .slick-prev {
	right: 15px;
}
.blog .slick-prev:before {
	content: "\f104";
}
[dir='rtl'] .blog .slick-prev:before {
	content: "\f105";
}
.blog .slick-next {
	right: 15px;
}
[dir='rtl'] .blog .slick-next {
	left: 15px;
}
.blog .slick-next:before {
	content: "\f105";
}
[dir='rtl'] .blog .slick-next:before {
	content: "\f104";
}

/* -- .category-area -- */
.category-area {
	margin-bottom: 40px;
}
.category-area .slick-slide {
	position: relative;
	height: 120px;
	background-size: cover;
	background-position: 50%;
}
.category-area .cat-desc-wrap {
	color: #F0F0F0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(10, 38, 71, .8);
	opacity: 0; 
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
}
.cat-desc-wrap .inner {
	padding: 0 20px;
	text-align: center;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.cat-desc-wrap .cat-name {
	font-size: 18px;
	margin-bottom: 20px;
	letter-spacing: 2px;
}
.cat-desc-wrap p {
	font-size: 12px;
	letter-spacing: 1px;
}
.category-area .cat-slider div img {
	width: 100%;
	height: auto;
}
.category-area .slick-prev:before,
.category-area .slick-next:before {
	color: #F0F0F0;
}

/* -- .front-il -- */
.front-il {
	margin-top: 40px;
	letter-spacing: normal;
}
.front-il article {
	position: relative;
	margin: 0;
	padding: 0;
}
/* - .item-img - */
.front-il .itemimg {
	margin-bottom: 10px;
}
.front-il .itemimg img {
	border: 1px solid #eee;
	border-right: none;
}
/* - .item-info-wrapper - */
.item-info-wrap {
	padding: 0 15px;
}
/* - .slick - */
.front-il .slick-prev:before,
.front-il .slick-next:before {
	color: #333;
}

/* -- .info-area -- */
.info-area {
	margin-top: 40px;
	padding: 0 15px;
	letter-spacing: -.5em;
}
.blog #content .info-area article {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.info-area article {
	display: inline-block;
	width: 47.5%;
	margin-right: 5%;
	margin-top: 30px;
	letter-spacing: normal;
	vertical-align: top;
}
.info-area article:nth-of-type(1),
.info-area article:nth-of-type(2) {
	margin-top: 0;
}
.info-area article:nth-of-type(even) {
	margin-right: 0;
}
.info-area .thumb-img {
	margin-bottom: 10px;
}
.info-area .thumb-img img {
	width: 100%;
	height: auto;
}
.info-area .post-excerpt {
	font-size: 12px;
	margin-top: 10px;
}

.home-widget .widget_search .search-text,
.home-widget .widget_welcart_search .searchtext {
	color: #F0F0F0;
}
.home-widget .widget_welcart_search div a {
	color: #F0F0F0;
}
.home-widget .widget_welcart_search #searchsubmit:hover,
.home-widget .widget_welcart_search div a:hover {
	background-color: #8B0000;
	color: #F0F0F0;
}

/* -- .il-top-widget -- */
#il-top-widget {
	padding: 0 15px;
}
/* -- .il-bottom-widget -- */
#il-bottom-widget {
	margin-top: 40px;
	padding: 0 15px;
}

/*-- show on front --*/
.blog #main.one-column #content {
	padding: 0 15px;
}
.blog #content h2 {
	text-align: left;
}
.blog #content h2:after {
	display: block;
	content: " ";
	width: 70px;
	height: 2px;
	background-color: #D4AF37;
	margin: 15px 0 0;
}
.home #content .sof {
	margin-bottom: 30px;
	padding: 0 15px;
}
.home #content .entry-title,
.blog #content .entry-title {
	margin: 30px 0;
	padding: 0;
	border: none;
}
.blog #content .entry-content {
	margin: 0;
}



/**
 * 16.1 Mobile Large 620px
 */
@media screen and (min-width: 38.75em) {

	/* =main
	-------------------------------------------------------------- */

	.home #main.one-column #content {
		padding: 0 0 40px;
	}
	#content h2 {
		margin-bottom: 30px;
	}

	/* =front-page
	-------------------------------------------------------------- */

	/* -- .category-area -- */
	.category-area .slick-slide {
		height: 150px;
	}

	/* -- .front-il -- */	
	.front-il article:nth-of-type(even) {
		margin: 0;
		padding: 0;
	}

	/* -- .info-area -- */
	.info-area article {
		width: 30%;
		margin-right: 5%;
	}
	.info-area article:nth-of-type(even) {
		margin-right: 5%;
	}
	.info-area article:nth-of-type(3n) {
		margin-right: 0;
	}
	.info-area article:nth-of-type(3) {
		margin-top: 0;
	}

}


/**
 * 16.3 Tablet Large 880px
 */
@media screen and (min-width: 55em) {

	/* =secondary
	-------------------------------------------------------------- */

	#secondary {
		overflow: hidden;
		padding: 40px 15px;
	}
	.one-column #secondary .columnleft,
	.one-column #secondary .columncenter,
	.one-column #secondary .columnright {
		width: 48%;
		float: left;
	}
	.one-column #secondary .columnleft {
		margin-right: 4%;
	}
	#secondary section {
		padding: 0;
	}
	/* -- .welcart_blog_calendar + .widget_calendar table -- */
	.widget_welcart_calendar th,
	.welcart_blog_calendar th,
	.widget_calendar th {
		color: #fff;
	}
	.blog .welcart_blog_calendar table,
	.blog .widget_calendar table {
		width: 100%;
	}

	/* =front-page.php
	-------------------------------------------------------------- */

	/* -- .category-area -- */
	.category-area .slick-slide {
		height: 180px;
	}

}


/**
 * 16.4 Desktop Small 1000px
 */
@media screen and (min-width: 62.5em) {

	/* =header
	-------------------------------------------------------------- */
	
	/* .blog */
	header.site-header {
		width: 300px;
		position: fixed;
		left: 0;
		margin-bottom: 0;
		height: 100%;
		z-index: 1;
	}
	header.site-header .inner {
		width: 100%;
		height: 100%;
		padding: 35px 0 100% 0;
		background-color: #0A2647;
	}
	header .container {
		clear: both;
		float: none;
		margin-top: 70px;
		width: 100%;
	}

	/* -- .site-title -- */
	h1.site-title {
		width: auto;
		float: none;
		margin: 25px 30px 0 30px;
	}
	h1.site-title a {
		font-weight: normal;
	}
	h1.site-title img {
		width: 100%;
		height: auto;
	}

	/* -- .snav -- */
	.snav {
		float: none;
		margin: 0 15px 0 30px;
		width: auto;
	}
	.search-box,
	.snav .membership,
	.incart-btn {
		float: left;
		margin-right: 20px;
		padding: 0;
	}
	.snav .membership {
		width: auto;
	}
	.home .snav .search-box i,
	.home .snav .membership i,
	.home .incart-btn i,
	.blog .snav .search-box i,
	.blog .snav .membership i,
	.blog .incart-btn i {
		padding: 0;
	}
	.home .snav .search-box i:hover,
	.home .snav .membership i:hover,
	.home .incart-btn i:hover,
	.blog .snav .search-box i:hover,
	.blog .snav .membership i:hover,
	.blog .incart-btn i:hover {
		color: #fff !important;
	}
	.home .snav .search-box,
	.home .snav .membership,
	.blog .snav .search-box,
	.blog .snav .membership {
		position: relative;
	}
	.home .snav .search-box form,
	.home .snav .membership ul,
	.blog .snav .search-box form,
	.blog .snav .membership ul {
		width: 300px;
		top: 0;
		left: -70px;
		z-index: -1;
	}
	.home .snav .search-box.On form,
	.blog .snav .search-box.On form {
		left: 270px;
		top: 0;
	}
	.home .snav .membership.On ul,
	.blog .snav .membership.On ul {
		left: 230px;
		top: 0;
	}
	/* - .search-box - */
	.home .search-box .searchsubmit,
	.blog .search-box .searchsubmit {
		position: absolute;
	}
	.home .search-box input[type="text"],
	.home .search-box .searchsubmit,
	.blog .search-box input[type="text"],
	.blog .search-box .searchsubmit {
		line-height: 30px;
	}
	.home .search-box div.s-box,
	.blog .search-box div.s-box {
		width: 100%;
	}
	/* - .membership - */
	.home .snav .membership,
	.blog .snav .membership {
		overflow: initial;
	}
	.home .snav .membership li:first-child,
	.blog .snav .membership li:first-child {
		padding: 0;
	}
	.home .snav .membership li,
	.blog .snav .membership li {
		float: none;
	}
	.home .snav .membership li a,
	.blog .snav .membership li a {
		line-height: 30px;
	}
	/* - .incart-btn - */
	.home .snav .incart-btn,
	.blog .snav .incart-btn {
		min-width: initial;
		margin-top: 0;
	}
	.home .snav .incart-btn i,
	.blog .snav .incart-btn i {
		padding: 0;
	}
	.home .snav .incart-btn a,
	.blog .snav .incart-btn a {
		background: none;
		padding: 0;
	}
	.home .snav .incart-btn i:before,
	.blog .snav .incart-btn i:before {
		color: #aaa;
	}
	.home .snav .incart-btn a:hover i:before,
	.blog .snav .incart-btn a:hover i:before {
		color: #F0F0F0 !important;
	}

	/* -- #site-navigation -- */
	.home .menu-bar,
	.blog .menu-bar {
		display: none;
	}
	.home #site-navigation,
	.blog #site-navigation {
		display: block !important;
		position: initial;
		width: 100%;
		height: auto !important;
		margin: 30px 0 0;
		padding: 0;
		opacity: 1;
		background: none;
		float: none;
	}
	.home #site-navigation .navigation-inner, 
	.blog #site-navigation .navigation-inner {
		padding: 0;
	}
	.home .header-nav-container,
	.blog .header-nav-container {
		background: none;
	}
	/* - ul - */
	.home #site-navigation ul,
	.blog #site-navigation ul {
		width: 100%;
		padding: 0;
	}
	.home #site-navigation ul li,
	.blog #site-navigation ul li {
		position: static;
	}
	.home #site-navigation ul li:first-child,
	.home #site-navigation ul li,
	.blog #site-navigation ul li:first-child,
	.blog #site-navigation ul li {
		width: auto;
		float: none;
		border: none;
	}
	.home #site-navigation li a,
	.blog #site-navigation li a {
		font-size: 13px;
		margin-bottom: 0;
		padding: 0 15px 0 30px;
		line-height: 50px;
		position: relative;
	}
	.home #site-navigation li:hover > a,
	.home #site-navigation li.current_page_item a,
	.home #site-navigation li.current-menu-parent a,
	.blog #site-navigation li:hover > a,
	.blog #site-navigation li.current_page_item a,
	.blog #site-navigation li.current-menu-parent a {
		background-color: #303030;
	}
	/* - ul ul - */
	.home #site-navigation ul ul,
	.blog #site-navigation ul ul {
		display: block;
		width: 100%;
		height: 100%;
		padding: 0 0 50px;
		background-color: #0A2647;
		border: none;
		opacity: 0;
		overflow-y: auto;
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
		transition-duration: .5s;
		-webkit-transition-duration: .5s;
		-moz-transition-duration: .5s;	
	}
	.home #site-navigation li li,
	.blog #site-navigation li li {
		position: static;
		clear: both;
	}
	.home #site-navigation ul ul li a,
	.blog #site-navigation ul ul li a {
		color: #F0F0F0;
		background-color: #0A2647;
		line-height: 50px;
	}
	.home #site-navigation ul ul li a:hover,
	.blog #site-navigation ul ul li a:hover {
		color: #fff;
		background-color: #303030;
	}
	.home #site-navigation ul li:hover > .children,
	.home #site-navigation ul li:hover > .sub-menu,
	.blog #site-navigation ul li:hover > .children,
	.blog #site-navigation ul li:hover > .sub-menu {
		opacity: 1;
		left: 300px;
	}
	/* - ul ul ul - */
	.home #site-navigation ul ul ul,
	.blog #site-navigation ul ul ul {
		position: static;
		opacity: 1;
		padding: 0;
		height: auto;
		overflow-y: inherit;
	}
	.home #site-navigation ul ul ul li,
	.blog #site-navigation ul ul ul li {
		position: static;
		float: none;
	}
	.home #site-navigation ul ul,
	.home #site-navigation li li:first-child a,
	.home #site-navigation li li:first-child a,
	.blog #site-navigation ul ul,
	.blog #site-navigation li li:first-child a,
	.blog #site-navigation li li:first-child a {
		color: #F0F0F0;
		background-color: #8B0000;
	}
	
	.home #site-navigation ul ul ul li a,
	.blog #site-navigation ul ul ul li a {
		padding-left: 40px;
	}
	.home #site-navigation ul ul ul li li a,
	.blog #site-navigation ul ul ul li li a {
		padding-left: 60px;
	}
	.home #site-navigation ul ul ul li li li a,
	.blog #site-navigation ul ul ul li li li a {
		padding-left: 80px;
	}
	#site-navigation .nav-menu-open .fa {
		position: absolute;
		top: 50%;
		right: 2em;
		margin-top: -.7em;
	}
	
	/* -- .sns -- */
	.home #site-navigation .sns,
	.blog #site-navigation .sns {
		margin-top: 50px;
		padding: 0 15px 0 30px;		
	}
	#site-navigation .sns li a {
		padding: 0;
		line-height: normal;
	}

	/* =secondary
	-------------------------------------------------------------- */

	/* -- .blog -- */
	.home #secondary,
	.blog #secondary {
		color: #3c3c3c;
		width: 100%;
		padding: 40px;
		background-color: #F0F0F0;
	}
	.one-column #secondary .columnright {
		float: none;
		clear: both;
		width: 100%;
	}
	.one-column #secondary .columnleft section:last-child,
	.one-column #secondary .columncenter section:last-child {
		margin-bottom: 2.14286em;
	}

	/* -- widget -- */
	.columnright .widget_welcart_featured .featured_list,
	.columnright .widget_welcart_bestseller li {
		width: 46%;
		margin-right: 8%;
		padding-top: .714286em;
		float: left;	
	}
	.columnright .widget_welcart_featured .featured_list:nth-of-type(even),
	.columnright .widget_welcart_bestseller li:nth-of-type(even) {
		margin-right: 0;
	}
	.columnleft .widget_welcart_calendar table,
	.columncenter .widget_welcart_calendar table {
		width: 100%;
		margin: 0 5px 15px;
	}
	.widget_welcart_category ul,
	.widget_welcart_search ul,
	.widget_search form,
	.widget_welcart_login ul {
		width: 100%;
	}
	.columnright .widget_welcart_category ul,
	.columnright .widget_welcart_search ul,
	.columnright .widget_search form,
	.columnright .widget_welcart_login ul {
		width: 60%;
	}
	.home .columnright .welcart_blog_calendar table,
	.home .columnright .widget_calendar table,	
	.blog .columnright .welcart_blog_calendar table,
	.blog .columnright .widget_calendar table {
		width: 47%;
	}
	.columnright .widget_categories select,
	.columnright .widget_archive select {
		width: 60%;
	}
	.home .widget_calendar table,
	.blog .widget_calendar table {
		width: 100%;
	}

	/* =footer
	-------------------------------------------------------------- */

	.home footer nav ul li,
	.blog footer nav ul li {
		width: 33.3333%;
	}
	.home footer nav ul li li,
	.blog footer nav ul li li {
		width: 100%;
	}
	.home footer nav ul li li a,
	.blog footer nav ul li li a {
		padding-right: 0;
	}
	.home footer,
	.blog footer {
		margin-left: 300px;
		padding: 30px 0 20px 60px;
		background-color: #0A2647;
	}

	/* =main
	-------------------------------------------------------------- */

	.home #main,
	.blog #main {
		width: auto;
		margin-left: 300px;
		margin-bottom: 0;
		padding: 0;
		z-index: 0;
		background-color: #0A2647;
	}
	.home #primary,
	.blog #primary {
		margin-bottom: 80px;
	}

	/* =front-page.php
	-------------------------------------------------------------- */

	/* -- .main-slider -- */
	.main-slider {
		margin-left: 300px;
		max-height: 550px;
		overflow: hidden;
	}

	/* -- .main-image -- */
	.main-image {
		margin-left: 300px;
		max-height: 550px;
		overflow: hidden;
	}
	.main-image img {
		width: 100%;
		height: auto;
	}

	/* -- .category-area -- */
	.category-area .cat-desc-wrap {
		display: block;
	}
	.category-area a:hover .cat-desc-wrap {
		opacity: 1;
	}

	/* -- .info-area -- */	
	.info-area {
		padding: 0 40px;
	}
	.info-area article {
		width: 31%;
		margin-right: 3.5%;
	}
	.info-area article:nth-of-type(even) {
		margin-right: 3.5%;
	}
	
	/*-- show_on_front --*/
	.blog #main.one-column #content {
		padding: 0 40px;
	}
	.home #main.one-column #content {
		padding: 0;
	}
	.home #content .sof {
		margin-bottom: 0;
		padding: 0 40px;
	}
	.blog #content .entry-title {
		width: auto;
		font-size: 26px;
		margin: 30px 0;
	}
	.home #content .entry-meta,
	.blog #content .entry-meta {
		margin: 0 0 20px;
	}
	.home #content .entry-content,
	.blog #content .entry-content {
		margin: 0;
	}


}


/**
 * 16.6 Desktop Large 1240px
 */
@media screen and (min-width: 77.5em) {

	/* =footer
	-------------------------------------------------------------- */

	.home footer nav ul li,
	.blog footer nav ul li {
		width: 25%;
		padding-right: 60px;
	}
	.home footer nav li a,
	.home footer nav li li,
	.blog footer nav li a,
	.blog footer nav li li {
		padding-right: 0;
	}

	/* =secondary
	-------------------------------------------------------------- */

	.home #secondary,
	.blog #secondary {
		padding: 60px;
	}
	.one-column #secondary .columnleft{
		width: 28%;
		margin-right: 5%;
	}
	.one-column #secondary .columncenter{
		width: 28%;
		margin-right: 5%;
	}
	.one-column #secondary .columnright{
		clear: none;
		float: left;
		width: 34%;
	}
	#secondary .columnleft section:last-child, 
	#secondary .columncenter section:last-child {
		margin-bottom: 0;
	}

	/* - widget - */
	.columnright .widget_welcart_featured .featured_list,
	.columnright .widget_welcart_bestseller li {
		width: 100%;
		margin-right: 0;
		padding-top: 0;
		float: none;
	}
	.columnright .widget_welcart_category ul,
	.columnright .widget_welcart_search ul,
	.columnright .widget_search form,
	.columnright .widget_welcart_login ul {
		width: 100%;
	}
	.home .columnright .welcart_blog_calendar table,
	.home .columnright .widget_calendar table,
	.blog .columnright .welcart_blog_calendar table,
	.blog .columnright .widget_calendar table {
		width: 100%;
	}

	/* =main
	-------------------------------------------------------------- */

	.blog #main .content-wrapper {
		width: auto;
	}
	#content h2 {
		font-size: 26px;
		margin-bottom: 60px;
	}

	/* =fron-page.php
	-------------------------------------------------------------- */

	/* - .main-slider - */
	.blog .main-slider .slick-dots {
		bottom: 20px;
	}
	.blog .slick-dots li,
	.slick-dots li button {
		width: 20px;
		height: 20px;
	}
	
	/* -- .category-area -- */
	.category-area {
		margin-bottom: 80px;
	}
	.category-area .slick-slide {
		height: 200px;
	}
	
	/* -- .front-il -- */
	.front-il {
		margin-top: 80px;
	}
	/* -- .il-top-widget-area -- */
	#il-top-widget {
		padding: 0 60px;
	}
	/* -- .il-bottom-widget-area -- */
	#il-bottom-widget {
		margin-top: 80px;
		padding: 0 60px;
	}
	
	/* -- .info-area -- */
	.info-area {
		margin-top: 80px;
		padding: 0 60px;
	}
	.info-area article {
		width: 22%;
		margin-right: 4%;
	}
	.info-area article:nth-of-type(even),
	.info-area article:nth-of-type(3n) {
		margin-right: 4%;
	}
	.info-area article:nth-of-type(4n) {
		margin-right: 0;
	}
	.info-area article:nth-of-type(4) {
		margin-top: 0;
	}

	/*-- show_on_front --*/
	.blog #main.one-column #content {
		padding: 0 60px;
	}
	.home #content .sof {
		padding: 0 60px;
	}
	.home #content .entry-title,
	.home #content .entry-content,
	.blog #content .entry-title,
	.blog #content .entry-content {
		width: auto;
		margin: 30px 0;
		padding: 0;
	}
	.home #content .entry-meta,
	.blog #content .entry-meta {
		margin: 0;
	}
	
}


/**
 * 16.6 Desktop Large 1400px
 */
@media screen and (min-width: 100em) {

	/* =fron-page.php
	-------------------------------------------------------------- */

	/* -- .category-area -- */
	.category-area .slick-slide {
		height: 230px;
	}

	/* -- .front-il -- */
	.front-il {
		padding: 0 60px;
	}
	
	/* -- .info-area -- */	
	.info-area article {
		width: 18%;
		margin-right: 2.5%;
	}
	.info-area article:nth-of-type(even),
	.info-area article:nth-of-type(3n),
	.info-area article:nth-of-type(4n) {
		margin-right: 2.5%;
	}
	.info-area article:nth-of-type(5n) {
		margin-right: 0;
	}
	.info-area article:nth-of-type(5) {
		margin-top: 0;
	}

}