@charset "utf-8";

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

#secondary .widget {
	padding: 0 15px;
	margin-bottom: 40px;
}
.two-column .widget_basic_item_list .itemprice,
.two-column .widget_basic_item_list .tax_inc_block em {
	color: #F0F0F0;
}


/**
 * 16.2 Tablet Small 740px
 */
@media screen and (min-width:  62.5em) {

	/* =header
	-------------------------------------------------------------- */

	header.site-header {
		background: url(../images/header-bg.gif) repeat-x left top #0A2647;
	}
	header.site-header .inner {
		display: block;
		width: 100%;
		position: relative;
		padding: 0 15px;
	}
	header .container {
		margin-top: 48px;
	}
	
	/* - .site-title - */
	div.site-title {
		position: relative;
		margin: 68px 0 19px;
	}
	div.site-title a {
		font-weight: normal;
	}
	
	/* - .snav - */
	.snav .membership li:first-child, 
	.snav .membership li a {
		font-size: 13px;
	}
	.snav .search-box i,
	.snav .incart-btn i {
		width: 80px;
		padding: 0;
		line-height: 78px;
		text-align: center;
		border-right: 1px solid #0A2647;
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
	}	
	/* -- .membership -- */
	.snav .membership {
		float: none;
		position: absolute;
		top: 0;
		right: 15px;
		margin-top: 15px;
		padding: 0;
		width: auto;
	}
	.snav .membership i {
		display: none;		
	}
	.snav .membership ul {
		position: static;
		width: 100%;
		height: auto !important;
		padding: 0;
		background: none;
		opacity: 1;
	}
	.snav .membership li {
		margin-left: 20px;
		margin-bottom: 0;
	}
	.snav .membership li,
	.snav .membership li:last-child {
		border: none;
	}
	.snav .membership li:first-child {
		margin-bottom: 0;
		padding: 0;
		line-height: normal;
	}
	.snav .membership li:first-child:before {
		content: "\f007";
		display: inline-block;
		color: #F0F0F0;
		font-family: FontAwesome;
		font-size: 13px;
		font-weight: bold;
		margin-right: .8em;
	}
	.snav .membership li a {
		padding: 0;
		line-height: normal;
	}
	.snav .membership li a:hover {
		color: #F0F0F0;
	}	
	/* -- .search-box -- */
	.search-box {
		padding-bottom: 0;
	}
	.snav .search-box form {
		width: auto;
		height: auto !important;
		right: 0;
		left: initial;
		top: 40px;
		z-index: 0;
	}
	.snav .search-box.On form {
		width: auto;
		top: 100%;
		right: 0;
		left: initial;
		z-index: 1;
	}
	.snav .search-box i {
		position: absolute;
		bottom: 0;
		right: 80px;
		z-index: 2;
	}
	.snav .search-box i:hover {
		background-color: #8B0000;
	}
	.search-box .searchsubmit {
		position: absolute;
	}	
	/* -- .incart-btn -- */
	.incart-btn {
		position: absolute;
		right: 0;
		bottom: 0;
		min-width: initial;
		margin-top: 0;
	}
	.incart-btn a {
		padding: 0;	
		background: none;
	}
	.incart-btn a:hover {
		background-color: #8B0000;
	}
	.incart-btn i {
		z-index: 2;
	}
	.incart-btn .total-quant {
		top: 20%;
		right: 20%;
		color: #F0F0F0;
		background-color: #8B0000;
		margin-left: 0;
		z-index: 2;
	}
	.incart-btn i:before {
		color: #C0C0C0;
	}
	.incart-btn a:hover i:before {
		color: #F0F0F0;
	}
	
	/* -- #site-navigation -- */
	#site-navigation {
		position: static;
		width: auto;
		height: auto !important;
		top: 0;
		left: 0;
		margin: 0 160px 0 0;
		background: none;
		opacity: 1;
	}
	#site-navigation .navigation-inner {
		overflow-y: inherit;
		height: auto;
		padding: 0;
	}
	/* - ul - */
	#site-navigation ul {
		width: auto;
		float: right;
	}
	#site-navigation li {
		position: static;
		border-right: 1px solid #0A2647;
	}
	#site-navigation ul li:first-child {
		border-left: 1px solid #0A2647;
	}
	#site-navigation li a {
		line-height: 78px;
		padding: 0 20px;
		background-color: #0A2647;
		letter-spacing: 1px;
		position: relative;
		z-index: 5;
	}
	#site-navigation li:hover a,
	#site-navigation ul ul,
	#site-navigation ul ul li a,
	#site-navigation ul ul :hover > a,
	#site-navigation li li:first-child a {
		color: #C0C0C0;
		background-color: #0A2647;
	}
	/* - ul ul - */
	#site-navigation ul ul {
		display: block;
		position: absolute;
		left: 0;
		top: -100%;
		width: 100%;
		opacity: 0;
		padding: 30px 40px 15px;
		background-color: #0A2647;
		border: none;
		z-index: -1;
		transition-duration: .5s;
		-webkit-transition-duration: .5s;
		-moz-transition-duration: .5s;	
	}
	#site-navigation ul li:hover ul {
		opacity: 1;
		top: 100%;
	}
	#site-navigation ul ul,
	#site-navigation ul li li {
		height: 0;
	}
	#site-navigation ul li:hover ul,
	#site-navigation ul li:hover li {
		height: initial;
	}
	#site-navigation ul ul li {
		width: 22%;
		float: left;
		margin-right: 4%;
	}
	#site-navigation ul ul li:last-child {
		margin-right: 0;
	}
	#site-navigation ul ul li a {
		line-height: normal;
		padding: 0;
		margin-bottom: 15px;
		font-weight: normal;
	}
	#site-navigation ul ul li a:hover {
		color: #F0F0F0;
		background: none;
	}	
	/* - ul ul ul - */
	#site-navigation ul ul ul {
		position: inherit;
		opacity: 1;
		padding: 0;
	}
	#site-navigation ul ul ul li {
		position: static;
		float: none;
	}
	#site-navigation ul ul ul li {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	#site-navigation ul ul ul {
		margin-left: 20px;
	}
	/* - .menu-bar - */
	.menu-bar {
		display: none;
	}
	
	/* - .sns - */
	#site-navigation .sns {
		width: auto;
		position: absolute;
		top: 0;
		left: 15px;
		margin-top: 15px;
	}
	#site-navigation .sns li:first-child,
	#site-navigation .sns li {
		border: none;
		margin-right: 15px;
	}
	#site-navigation .sns li a {
		background: none;
		border: none;
	}
	#site-navigation .sns li a:hover {
		border: none;
	}
	#site-navigation .sns li a:hover i {
		color: #F0F0F0;		
	}
	#site-navigation .sns li i {
		font-size: 20px;
		width: auto;
		line-height: normal;
	}

}


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

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

	#secondary {
		padding: 40px 15px;
	}
	#secondary .widget {
		padding: 0;
	}
	
	/* - .widget - */
	#secondary .widget_welcart_search div a {
		color: #F0F0F0;
	}
	.two-column .widget_welcart_login .liwpp_area {
		line-height: 18px;
	}
	
	/* =footer
	-------------------------------------------------------------- */
	
	footer {
		padding: 30px 15px;
	}
	
}


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

	/* =header
	-------------------------------------------------------------- */

	.site-header {
		z-index: 9999;
	}
	.site-header.fixed {
		position: fixed;
		background: none;
		background-color: #0A2647;
	}
	.site-header.fixed .sns,
	.site-header.fixed .snav .membership {
		display: none;
	}
	.site-header.fixed .container {
		margin-top: 0;
	}
	.site-header.fixed div.site-title {
		margin-top: 22px;
	}
	#site-navigation .nav-menu-open .fa-angle {
		margin-left: .5em;
	}
	#site-navigation .nav-menu-open .fa-angle:before {
		content: "\f107";
	}

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

	#secondary h3 {
		margin-bottom: 30px;
	}
	/* -- other -- */
	.two-column #secondary {
		color: #F0F0F0;
		background: none;
		padding: 0;
		width: 25%;
	}
	.two-column.right-set #secondary {
		border-left: 1px solid #D4AF37;
		padding-top: 30px;
		padding-left: 2.5%;
	}
	.two-column.left-set #secondary {
		border-right: 1px solid #D4AF37;
		padding-top: 30px;
		padding-right: 2.5%;
	}	
	.two-column.left-set #secondary .widget {
		padding-left: 15px;
	}
	.two-column.right-set #secondary .widget {
		padding-right: 15px;
	}
	.two-column #secondary .widget:last-child {
		margin-bottom:0;
	}
	.two-column #secondary h3 {
		color: #F0F0F0;
	}
	.two-column #secondary h3:after {
		background-color: #D4AF37;
	}
	#secondary a {
		color: #b86630;
	}
	#secondary a:hover {
		color: #F0F0F0;
		text-decoration: none;
	}
		
	/* -- widget -- */
	.welcart_blog_calendar table,
	.widget_calendar table {
		width: 100%;
	}
	.widget_welcart_calendar th,
	.welcart_blog_calendar th,
	.widget_calendar th {
		color: #F0F0F0;
	}
	.widget_categories select,
	.widget_archive select {
		color: #F0F0F0;
		width: 100%;
	}
	.widget_welcart_search .searchtext,
	.widget_welcart_login input.loginmail,
	.widget_welcart_login input.loginpass,
	.widget_search .search-text {
		color: #F0F0F0;
	}

	/* ---- .tax_inc_block ---- */

	.two-column .widget_welcart_bestseller .tax_inc_block,
	.two-column .widget_welcart_bestseller .tax_inc_block em {
		color: #F0F0F0;
	}
	.two-column .widget_basic_item_list .itemprice,
	.two-column .widget_basic_item_list .tax_inc_block em {
		color: inherit;
	}


	/* =footer
	-------------------------------------------------------------- */
	
	footer {
		padding: 30px 15px 20px;
	}
	footer nav {
		width: auto;
		margin: 0;
	}
	
}


/**
 * 16.6 Desktop Large 1240px
 */

@media screen and (min-width: 77.5em) {

	/* =header
	-------------------------------------------------------------- */

	header.site-header .inner {
		width: 1140px;
		padding: 0;
		background: url(../images/header-bg.gif) repeat-x left top #0A2647;	
	}
	header.site-header.fixed .inner {
		background: none;
		background-color: #0A2647;
	} 
	#site-navigation li a {
		background-color: #0A2647;
	}
	.snav .membership {
		right: 0;
	}
	#site-navigation .sns {
		left: 0;
	}
	.snav .search-box i,
	.snav .incart-btn i {
		background-color: #0A2647;
	}
		
	/* =secondary
	-------------------------------------------------------------- */

	.two-column #secondary {
		width: 270px;
	}
	.two-column.right-set #secondary {
		border-left: 1px solid #D4AF37;
		padding-left: 0;
	}
	.two-column.left-set #secondary {
		border-right: 1px solid #D4AF37;
		margin-right: 0;
		padding-right: 0;
		background-color: #0A2647;
		border-radius: 30px;
		display:flex;
		flex-direction: column;	
		justify-content: center;
		align-items: center;
	}
	.two-column #secondary .widget {
		margin-bottom: 30px;
		border-bottom: 1px solid #D4AF37;
	}
	.two-column.left-set #secondary .widget {
		padding: 0 40px 30px 0;
	}
	.two-column.right-set #secondary .widget {
		padding: 0 0 30px 40px;
	}

	/* -- widget -- */
	.widget_welcart_calendar table {
		width: 100%;
		float: none;
	}
	.widget_welcart_login .liwpp_area {
		line-height: 30px;
	}

	/* =footer
	-------------------------------------------------------------- */
	
	footer {
		padding: 30px 0 20px;
	}
	footer nav,
	.copyright {
		width: 1140px;
		margin: 0 auto;
	}
	
}