/**
 * This file is a container for custom CSS. You can use it to override the default styles of the theme.
 *
 * 1. Copy the file "SAMPLE.custom.css" and rename it to "custom.css".
 *    Otherwise this file will not be loded by Magento.
 * 2. Enable it in the admin panel.
 * 3. Uncomment slected sample styles or add your own CSS to override the default styles of the theme.
 *
 * Please refer to the user guide for more details.
 *
 */


/* Products
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Product labels
-------------------------------------------------------------- */

/*
.sticker.new {
	background-color:#555;
	color:#fff;
}
.sticker.sale {
	background-color:orange;
	color:#fff;
}
*/

/* Stock indicator on product page (configurable products):
icon background color
-------------------------------------------------------------- */
/*
a.availability-only span.icon { background-color:orange; }
*/


/* Miscellaneous
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Drop-down caret */
/*
.caret {
	opacity:1;
	filter:alpha(opacity=100);
}
*/

/*logo size override*/
h1.logo img{
	max-width: none;
}
.header .logo{
	max-width: 100%;
}

/*change element color to #0651aa*/
a:hover, .vertnav-side li.current > a, #nav ul li a:hover, .price-box .price{
	color: #0651aa !important;
}
#nav > li:hover > a, .pager .pages li a:hover, #mobnav-trigger:hover{
	color: #fff !important;
}
#nav > li:hover > a, .vertnav-top li > a:hover, .product-view .btn-cart:hover span,
button.btn-checkout:hover span, button.button:hover span, .sticker.new,
span.icon-hover:hover, .feature-icon-hover:hover span.icon,
.feature-icon-hover:hover span.icon.icon-color-productview,
.cat-label-label1, #mobnav-trigger:hover, #mobnav-trigger.active{
	background-color: #0651aa;
}
.text-center{
	text-align: center;
}

/* Featured Items */
.featured-items{
	width: 100%;
}
.featured-items h2, .footer-one h3, .footer-two h4, .footer-three h3{
	text-transform: capitalize;
}
.featured-living,
.featured-bedroom,
.featured-dining,
.featured-office{
	width: 25%;
	clear: none;
	float: left;
}
/* end-Featured Items*/

/*Footer*/
div.mobile-grid.grid12-4.alpha{
	width: 19%;
}
div.mobile-grid.grid12-4{
	width: 46%;
}
div.mobile-grid.grid12-4.omega{
	width: 30%;
}
.footer-one, .footer-two, .footer-three{
	width: 100%;
}
.footer-one{
	padding: 5% 7%;
}
.footer-two{
	padding: 3% 0.5% 0 3%;
}
.footer-three{
	padding: 3% 0;
}
.footer-content-container{
	margin: 10% 0 0 0;
}
.footer-social-media{
	margin: 30% 0 0 0;
}
.footer-social-media a{
	margin: 0 2%;
}
.second-links{
	margin: 5% 0;
}
.footer-links li {
	margin: 2% 0;
}
.footer-links li a, button.map, .footer-content-socmed a img, .footer-social-media a img{
	cursor: pointer;
	cursor: hand;
}
.address-one, .address-two, .address-map{
	float: left;
}
.address-one{
	width: 33.3%;
}
.address-two{
	width: 30%;	
}
.address-map{
	margin: 0 6.5% 0 -1%;
	width: 30%;
}
.address-image{
	clear: both;
	width: 92%;
}
.address-image img{
	display: block;
	margin: 0 auto;
	padding-top: 2%;
}
.footer-content-socmed a img:hover, .footer-social-media a img:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.schd, .schd-sun{
	display: inline-block;
}
.schd{
	margin: 0 20px 0 0;
}
.schd-sun{
	margin: 0 16px 0 0;
}
button.map{
	width: auto !important;
	height: 50px !important;
	text-transform: capitalize;
	background: #333333;
	color: #fff;
	border: none;
	padding: 10px;
	margin: 30px 10px;
}
button.map:hover{
	background: #87c300;
}
.address-map img{
	padding: 22% 0;
	width: 40%;
}
.address-map img:hover{
	cursor: pointer;
	cursor: hand;
}

/* newsletter */
.footer-newsletter{
	width: 100%;
	margin: 20% 0 0 3%;
}
.newsletter-title{
	width: 80%;
	margin-bottom: 10%;
}
.newsletter-title h4{
	line-height: 1.5;
}
.newsletter-blocks{
	width: 100%;
}
.footer-three #subscribe-form .input-box{
	width: 68%;
}
.footer-three #subscribe-form .input-text{
	width: 90%;
}
.footer-three #subscribe-form label{
	display: none;
}
.footer-primary-bottom{
	display: none;
}
.footer button.button:hover span{
	background-color: #e69e12;
}
/*end-Footer*/


/*Scroll Up*/
#scroll-to-top{
	z-index: 999;
}
/*AW Pop Up*/
#aw_popup_wraper, #aw_popup_window{
	z-index: 9999;
}

/*Pop Up*/
#nav{
	z-index: 900 !important;
}

/*Pop Up - Subscribe Email*/
#aw_popup_content #subscribe-form{
	padding: 0 25%;
}

/*catalog page - list*/


/*PDP*/
ul.pdp-info .additional-information{
	margin: 5% 0;
}
.color-swatch{
	height: 50px;
	border-top: 1px solid #f5f5f5;
	padding-top: 10px;
}
.color-swatch label{
	display: inline-block;
}
.default-color{ 
	width: 23px;
	height: 23px;
}
.default-color img{
	float: left;
	border:none;
	width: 19px;
	height: 19px;
	padding: 1px;
	margin: 1px;
	z-index: 10;
}
.color-container, .more-colors-details{
	float: left;
}
.more-colors{
	max-width: 100%;
}
.more-colors-details, label.color-name{
	clear: both;
}
.more-colors-details{
	display: none;
	padding: 5px;
	text-align: center;
}
.color-container:hover .default-color{
	border: 1px solid #0651aa;
}
.color-container:hover > .more-colors-details{
	display: block;
	position: absolute;
	margin: 0.5% 0 0 -4.6%;
	width: 12%;
	-webkit-box-shadow: 0.5px 0.5px 5px 0.5px #616161;
	box-shadow: 0.5px 0.5px 5px 0.5px #616161;
}
.more-colors-details img{
	width: 38px !important;
	height: 38px !important;
	float: left;	
	text-align: center;
	margin: 10% 17% 15% 16.5%;
}
label.color-name{
	text-align: center;
}
.arrow_box {
	position: relative;
	background: #fff;
	border: 1px solid #ccc;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 5px;
	margin-left: -5px;
}
.arrow_box:before {
	border-color: rgba(6, 81, 170, 0);
	border-bottom-color: #ccc;
	border-width: 6px;
	margin-left: -6px;
}

/*PDP - recently viewed*/
.widget .widget-title h2{
	color: #000;
	font-weight: normal;
	font-size: 1.3333em;
}
.product-view .products-grid, .products-grid .item{
	float: left;
}
.product-view .products-grid {
	width: 100%;
}
.product-view .products-grid .item{
	text-align: center;
	width: 20%;
}
.product-view .widget-viewed .products-grid .product-image{
	margin: 0 32%;
}
.product-view .actions > ul.add-to-links > li{
	width: 100%;
	float: left;
}
.products-grid .btn-cart{
	margin-right: 0 !important;
}

/*Delivery Pricing*/
#pricing-table1 tr th, #pricing-table2 tr th{
	width: 60%;
}
#pricing-table1 tr td, #pricing-table2 tr td{
	width: 40%;
	padding: 0 18%;
	text-align: right;
}

/* Responsive*/
@media only screen and (max-width: 1023px) {
	h1.logo img{
		margin: 4px 0 0 0;
	}	
}
@media only screen and (max-width: 960px) {
	h1.logo img{
		max-width: 288px;
		margin: 6px 20px 0 0;
	}
	.footer-primary .mobile-grid.grid12-4.alpha{
		width: 25%;
	}
	.footer-primary .mobile-grid.grid12-4{
		width: 72%;
	}
	.footer-primary .mobile-grid.grid12-4.omega{
		width: 100%;
		margin-top: 2%;
	}
	.footer-primary .grid12-4.omega .footer-content-container, .footer-newsletter{
		margin: 5% 0 0 0 !important;
	}
	.address-image img{
		width: 50%;
	}
	.footer-social-media{
		margin: 0;
	}
	.footer-newsletter .newsletter-title{
		margin-bottom: 0;
	}
	.newsletter-title{
		width: 100%;
	}
	.footer-three #subscribe-form .input-box{
		width: 87%;
	}
	.footer-three #subscribe-form .input-text {
		width: 97%;
	}

	/*Delivery Pricing*/
	#pricing-table1 tr th, #pricing-table2 tr th{
		width: 60%;
	}
	#pricing-table1 tr td, #pricing-table2 tr td{
		width: auto;
	}	

	/*Color Swatch*/
	.color-container:hover > .more-colors-details{
		display: none;
	}
	.color-container:hover .default-color{
		border: none;
	}

}
@media only screen and (max-width: 768px) {
	h1.logo img{
		margin: 0;
		max-width: 320px;
	}
	.header .logo-wrapper{
		margin: 25px 0 10px;
	}
	.header .logo{
		width: 95%;
	}	
	.newsletter-blocks #subscribe-form{
		width: 100%;
	}
	.footer-three #subscribe-form .input-box{
		width: 85%;
	}
	.product-view .products-grid li:nth-child(4){
		clear: both;
	}
	.product-view .products-grid .item{
		width: 33%;
	}
}
@media only screen and (max-width: 640px) {
	.footer-primary .mobile-grid.grid12-4.alpha{
		width: 90%;
	}
	.footer-primary .mobile-grid.grid12-4{
		width: 100%;
	}	
	.footer-three #subscribe-form .input-box{
		width: 80%;
	}
	.footer-three #subscribe-form .input-text {
		width: 95%;
	}	
	.footer-primary .mobile-grid.grid12-4.omega	{
		margin-top: 5%;
	}
	.address-image{
		width: 100%;
	}
	.product-view .products-grid li:nth-child(4){
		clear: none;
	}	
	.product-view .products-grid .item{
		width: 50%;
	}
	.product-view .widget-viewed .products-grid .product-image{
		margin: 0 34%;
	}		
	/*Delivery Pricing*/
	#pricing-table1, #pricing-table2{
		clear: both;
		width: 100% !important;
	}	
	#pricing-table2{
		border-left: none !important;
	}
}
@media only screen and (max-width: 480px) {
	h1.logo img{
		max-width: 288px;
	}
	.address-one{
		width: 60%;
	}
	.address-map{
		margin: 12% 0;
	}
	.address-two{
		width: 50%;
	}
	.address-image{
		clear: none;
		float: left;
		width: 50%;
		margin: 7% 0;
	}	
	.address-image img{
		width: 100%;
	}
	.address-map img{
		width: 72%;
	}
	.footer-primary .grid12-4.omega .footer-content-container, .footer-newsletter{
		margin: 10% 0 0 0 !important;
	}	
	.newsletter-title h4{
		font-size: 1em;
	}
	.footer-three #subscribe-form .input-box{
		width: 70%;
	}
	.footer-three #subscribe-form .input-text {
		width: 90%;
	}		
	#subscribe-form .input-text{
		max-width: 100%;
		width: 90%;
	}
	.product-view .widget-viewed .products-grid .product-image{
		margin: 0 38%;
	}	
	.product-view .products-grid .item{
		width: 100%;
	}	
}

/* Newsletter Pop Up */
@media only screen and (max-width: 1023px) {
	#aw_popup_window {
		margin-left: 0 !important;
	    margin-top: 0 !important;
	    max-width: 800px;
	    height: auto !important;
	    width: 80% !important;
	    transform: translate(-50%, -50%);
	}
	#aw_popup_window #aw_popup_content {
		position: relative;
	}
	#aw_popup_window #aw_popup_close_btn {
		z-index: 1;
	}
	#aw_popup_window #aw_popup_content img {
		width: 100%;
	}
	#aw_popup_window .newsletter-blocks {
	    bottom: 5%;
		display: inline-block;
	    position: absolute;
	    left: 0;
	    right: 0;
	    text-align: center;
	}
	#aw_popup_window #aw_popup_content #subscribe-form,
	#aw_popup_window #aw_popup_content #subscribe-form form {
		display: inline-block;
		margin: 0 auto;
	}
	#aw_popup_window #aw_popup_content #subscribe-form {
		padding: 0;
		text-align: center;
	}
}
@media only screen and (max-width: 640px) {
	#aw_popup_window .newsletter-blocks {
		bottom: 2%;
	}
	#aw_popup_content #subscribe-form label {
		display: none;
	}
}
@media only screen and (max-width: 480px) {
	#aw_popup_window .newsletter-blocks {
		bottom: -1px;
	}
	#aw_popup_content #subscribe-form #newsletter {
		width: 145px !important;
	}
	// #newsletter-validate-detail .input-box,
	// #newsletter-validate-detail .button,
	// #newsletter-validate-detail .button span,
	// #newsletter-validate-detail .button span > span {
	// 	width: 100%;
	// }
	// #newsletter-validate-detail .input-box,
	// #newsletter-validate-detail .button {
	// 	float: none !important;		
	// }
	// #newsletter-validate-detail .input-box {
	// 	margin-right: 0;
	// }
	// #newsletter-validate-detail .button {
	// 	margin-top: 10px;
	// }
	// #newsletter-validate-detail .button span,
	// #newsletter-validate-detail .button span > span {
	// 	padding: 0;
	// }
}
@media only screen and (max-width: 320px) {
	#aw_popup_window .newsletter-blocks {
		bottom: -5px;
	}
	#aw_popup_content #subscribe-form #newsletter {
		width: 100px !important;
	}
}