/*	woocommerce css file */

/*	--------------------------------------------- GENERIC STYLES --------------------------------------------------
	---------------------------------------------------------------------------------------------------------------
	---------------------------------------------------------------------------------------------------------------
	---------------------------------------------------------------------------------------------------------------
	--------------------------------------------------------------------------------------------------------------- */

	#shop_content_container{
		width:613px;
		float:right;
	}
	#shop_sidebar_container{
		width:193px;
		float:left;
		background-color:white;
		padding:5px;

	}
	#shop_category_container{
		border-bottom:1px solid rgb(212,212,212);
		padding: 18px 0 18px 0;
		margin: 0 0 18px 0;
	}
	#shop_sorting_and_pagination_container{
		margin:0 0 18px 0;
	}
	#shop_sidebar{
		padding:65px 10px 14px 10px;
		background:rgb(239,238,234) url('../img/placeholders/icon_fleur_de_lys.png') no-repeat center 16px;
	}
	#mobile_show_hide{
		display:			none;
	}
	#shop_sidebar li{
		list-style-type:	none;
	}
	#shop_sidebar h2{
		font-family:		'Gotham SSm A', 'Gotham SSm B';
		font-weight:		400;
		font-style:			normal;
		font-size:			9pt;
		text-transform: uppercase;
		text-align: left;
		color:rgb(140,138,138);
		display:block;
		border-bottom:1px solid rgb(206,206,204);
		padding: 0 0 6px 0;
	}
	.codenegar_product_filter_wrap ul{
		margin:			10px 0 40px 0;
		padding:		0;
	}
	.filter_option li{
		font-size:			10pt;
		margin:				0 0 8px 0;
	}
	.filter_option li a{
		padding:			0 0 0 20px;
		background:			url('../img/placeholders/filter_icon_unselected.gif') no-repeat 0 0;
		color:				rgb(152,150,150);
		text-decoration:	none;
		display:			block;
	}
	.filter_option li a:hover{
		text-decoration:	underline;
	}
	.filter_option li.chosen a{
		background:			url('../img/placeholders/filter_icon_selected.gif') no-repeat;
	}
	li.widget h2{
		display:			none;
	}
	a.codenegar_product_filter_reset_button{
		display:			block;
		background-color:	white;
		border:				1px solid rgb(195,193,174);
		padding:			6px;
		color:				rgb(140,138,138);
		font-size:			10pt;
		font-weight:		500;
		text-decoration:	none;
	}
	a.codenegar_product_filter_reset_button:hover {
		background-color:	rgb(195,193,174);
		color:				white;
	}
	li.widget_woocommerce_product_filter_reset h2{
		border:			0 !important;
		padding:		0 !important;
	}

		#shop_content_main_image{
			width:270px;
			float:left;
		}
			#shop_content_main_image img{
				max-width:100%;
			}
		#shop_content_text{
			/* width:328px;  35px gutter between shop_content_main_image and shop_content_text */
			/*width:301px;
			padding: 0 0 0 30px;
			float:right; */
			margin-bottom:20px;

		}
		#shop_content_products{
			margin:			15px 0 0 0;
			min-height:		60px;
		}
		ul.products {
			margin:0 auto;
			padding:0;
		}
		li.product_thumb {
			width:180px;
			margin: 0 6px 21px 6px;
			float:left;
			list-style-type: none;
			position: relative;

			box-shadow:			0px 0px 15px 1px rgba(233, 233, 233, .85);
			border:				1px solid rgb(234,234,234);
			padding:			5px;
			background-color:	white;
		}

		/* li.product_thumb:nth-child(3n+3) {
			margin: 0 0 21px 0;
		} */
		li.product_thumb h3{
			padding: 4px;
			display:block;
		}

		p.woocommerce-result-count{
			display:none;
		}
		form.woocommerce-ordering{
			float:left;
		}

		.woocommerce-pagination, .woocommerce-pagination2{
			float:right;
			margin:0 0 2px 0;
			clear:	both;
		}

		ul.page-numbers{
			margin:0;
			padding:0;
		}
		.page-numbers li{
			list-style-type: none;
			margin-right:6px;
			float:left;
			font-size:9pt;
		}
		.page-numbers li:last-child{
			margin-right:0;
			
		}
		.page-numbers a,visited{
			background-color:rgb(195,193,174);
			border:1px solid rgb(195,193,174);
			color:white;
			text-decoration:none;
			display:block;
			min-width:16px;
			text-align: center;
			padding:4px;

		}
		.page-numbers a:hover{
			background-color:white;
			color:gray;
		}
		.page-numbers .current{
			background-color:white;
			border:1px solid rgb(195,193,174);
			display:block;
			min-width:16px;
			text-align: center;
			padding:4px;
	}
	.attachment-shop_thumbnail{
		box-shadow:			0px 0px 15px 5px rgba(233, 233, 233, .85);
		border:				1px solid rgb(234,234,234);
		padding:			5px;
		background-color:	white;
		margin:				0 7px 0 0;
	}
	.attachment-shop_single{
		box-shadow:			0px 0px 15px 5px rgba(233, 233, 233, .85);
		border:				1px solid rgb(234,234,234);
		padding:			5px;
		background-color:	white;
	}
	.images{
		float:left;
		width:351px;
	}
	#product_content_container{
		width:100%;
	}
	#product_detail_wrapper{
		width:451px;
		float:right;
		margin:0 0 0 20px;
	}
	#product_detail_wrapper h1{
		text-align:			left;
		margin:				6px 0;
		border-bottom:		1px solid rgb(234,234,234);
		padding:			0 0 14px 0;
	}

	#package_details{
		margin:				50px 0 50px 0;
	}
	.product_placeholder {
		width:340px;
		height:460px;
	}
	h3.package_title{
		text-align:			left;
		display:			block;
		border-bottom:		1px solid rgb(234,234,234);
		padding:			10px 0 10px 0;
		text-transform:		uppercase;
		font-weight:		200;
		font-size:			12pt;


	}

	p.price{
		font-family:		'Gotham SSm A', 'Gotham SSm B' !important;
		font-style:			normal;
		border-top:			1px solid rgb(234,234,234);
		border-bottom:		1px solid rgb(234,234,234);
		padding:			10px 0;
		font-weight:		200;
		font-size:			13pt;
	}
	#package_name{
		width:100%;
	}
	#package_ribbon{
		width:45px;
		height:42px;
		float:left;
		

	}
	.package_product_ribbon{
		position: absolute;
		z-index:50;
		right: 10px;
		top: -8px;
		width:35px;
		height:42px;
	}
	.silver{
		background: transparent url(../img/placeholders/package_icon_silver.png) no-repeat 0 0;
	}
	.gold{
		background: transparent url(../img/placeholders/package_icon_gold.png) no-repeat 0 0;
	}
	.platinum{
		background: transparent url(../img/placeholders/package_icon_platinum.png) no-repeat 0 0;
	}
	#package_text{
		clear:both;
	}



/*	---------------------------------------- LARGE SCREENS / DESKTOPS ---------------------------------------------
	---------------------------------------------------------------------------------------------------------------
	---------------------------------------------------------------------------------------------------------------
	---------------------------------------------------------------------------------------------------------------
	--------------------------------------------------------------------------------------------------------------- */
/* Desktop PC's and tablets in landscape mode */
@media screen and (min-width:1000px) and (max-width:4880px) {



}

/*	------------------------------------------------ SMALL SCREENS ------------------------------------------------
	---------------------------------------------------------------------------------------------------------------
	---------------------------------------------------------------------------------------------------------------
	---------------------------------------------------------------------------------------------------------------
	--------------------------------------------------------------------------------------------------------------- */

/* Small screen smartphones */

@media only screen and (min-width : 320px) and (max-width : 480px){

	#shop_content_container{
		width:100%;
		float:none;
	}

	#shop_sidebar_container{
		position:			fixed;
		top:				20px;
		left:				0;
		z-index:			7000;
		width:				220px;
		background-color:	white;
		margin:				-6px;
		left:				-230px;
	}
		#mobile_show_hide{
			display:			block;
			position:			fixed;
			top:				30px;
			left:				-5px;
			z-index:			7001;
			width:				40px;
			height:				120px;
		}
		#shop_sidebar{
			padding:			10px 10px;
			background:			none #efeeea;
		}
		#shop_sidebar h2{
			font-size:			8pt
		}
		.codenegar_product_filter_wrap ul{
			margin:			8px 0 12px 0;
		}
			.filter_option li{
				font-size:			9pt;
				margin:				0 0 3px 0;
			}
	.woocommerce-pagination, .woocommerce-pagination2 {
		float:				none;
	}
	ul.page-numbers{
		text-align:			center;

	}
	.page-numbers li{
		display:			inline-block;
		float:				none;
		margin-right:		2px;
	}
	#shop_content_products{

	}
		ul.products{
			width:				100%;
			margin:				0 auto;
			padding:			0;
		}

		li.product_thumb {
			width:				39%;
			margin:				0 2.5% 12px 2.5%;
			float:				left;
			display:			static;
			padding:			2.5%;
		}
		li.product_thumb img{
			width:				100%;
			height:				100%;
		}
		.attachment-shop_catalog{
			width:	100% !important;
			height:	100% !important;
		}
	.images{
		float:none;
		width:80%;
		margin:0 auto;
	}

	#product_detail_wrapper{
		width:auto;
		float:none;
		margin:0;
	}

}

/*	-------------------------------------- TABLET / PHABLET SCREENS -----------------------------------------------
	---------------------------------------------------------------------------------------------------------------
	---------------------------------------------------------------------------------------------------------------
	---------------------------------------------------------------------------------------------------------------
	--------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width : 481px) and (max-width : 768px) {

	#shop_content_container{
		width:100%;
		float:none;
	}

	#shop_sidebar_container{
		position:			fixed;
		top:				10%;
		left:				0;
		z-index:			7000;
		width:				220px;
		background-color:	white;
		margin:				-6px;
		left:				-230px;
	}
		#mobile_show_hide{
			display:			block;
			position:			fixed;
			top:				11%;
			left:				-5px;
			z-index:			7001;
			width:				40px;
			height:				120px;
		}
		#shop_sidebar{
			padding:			10px 10px;
			background:			none #efeeea;
		}
		#shop_sidebar h2{
			font-size:			8pt
		}
		.codenegar_product_filter_wrap ul{
			margin:			8px 0 12px 0;
		}
			.filter_option li{
				font-size:			9pt;
				margin:				0 0 3px 0;
			}
	.woocommerce-pagination, .woocommerce-pagination2 {
		float:				none;
	}
	ul.page-numbers{
		text-align:			center;

	}
	.page-numbers li{
		display:			inline-block;
		float:				none;
		margin-right:		2px;
	}

		li.product_thumb {
			width:				39.5%;
			margin:				0 2.5% 12px 2.5%;
			float:				left;
			display:			static;
			padding:			2.5%;
		}
		li.product_thumb img{
			width:				100%;
			height:				100%;
		}

	.images{
		float:none;
		width:80%;
		margin:0 auto;
	}

	#product_detail_wrapper{
		width:auto;
		float:none;
		margin:0;
	}
}

/*	------------------------------------------- INTERMEDIARIES ----------------------------------------------------
	---------------------------------------------------------------------------------------------------------------
	---------------------------------------------------------------------------------------------------------------
	---------------------------------------------------------------------------------------------------------------
	--------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width : 769px) and (max-width : 999px) {

	#shop_content_container{
		width:100%;
		float:none;
	}

	#shop_sidebar_container{
		position:			fixed;
		top:				220px;
		left:				0;
		z-index:			7000;
		width:				220px;
		background-color:	white;
		margin:				-6px;
		left:				-230px;
	}
		#mobile_show_hide{
			display:			block;
			position:			fixed;
			top:				240px;
			left:				-5px;
			z-index:			7001;
			width:				40px;
			height:				120px;
		}
		#shop_sidebar{
			padding:			10px 10px;
			background:			none #efeeea;
		}
		#shop_sidebar h2{
			font-size:			8pt
		}
		.codenegar_product_filter_wrap ul{
			margin:			8px 0 12px 0;
		}
			.filter_option li{
				font-size:			9pt;
				margin:				0 0 3px 0;
			}
	.woocommerce-pagination, .woocommerce-pagination2 {
		float:				none;
	}
	ul.page-numbers{
		text-align:			center;

	}
	.page-numbers li{
		display:			inline-block;
		float:				none;
		margin-right:		2px;
	}

		li.product_thumb {
			width:				27%;
			margin:				0 1.5% 12px 1.5%;
			float:				left;
			display:			static;
			padding:			1.5%;
		}
		li.product_thumb img{
			width:				100%;
			height:				100%;
		}



	.images{
		float:left;
		width:41%;
		margin:0 auto;
	}

	#product_detail_wrapper{
		width:54%;
		float:right;
		margin:0;
	}

}