/*
Theme Name:		SUE GRANSKIE ART by Design Lab LLC
Version:		
Author:			Dan Rumbauskas
Author URI:		www.designlabnj.com
Template:		Divi
*/

/*--------------------------------------------------------------------------------------------*/
/*-------------------------------        [ GENERAL STYLES ]        ---------------------------*/
/*--------------------------------------------------------------------------------------------*/

/* The following styles affect the entire site. */

/* Hide add to cart button for paintings at shows */
.postid-51364 .single_add_to_cart_button {display: none!important;}



/* Product page sidebar menu styling */
#shopby ul li {
	background-color: #d0bbaa!important;
	color: #46281e!important;
	padding: 10px 10px 10px 20px;
}

/* Hide originals pricing on home page */
.page-id-76 .originals .price {display: none!important;}


/* WooCommerce styling */

.pswp__caption__center { display: none; }

.woocommerce div.product .product_title { font-weight: bold; }

.woocommerce-product-details__short-description > p { margin-top: 10px; }

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

.woocommerce-breadcrumb { display: none; }

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper { margin-bottom: 35px!important; }

ul.products h2 {
    font-size: 20px!important;
	padding-bottom: 4px!important;
    font-weight: bold;
	text-align: center; 
}

.product .related h2 {
    font-size: 20px!important;
    font-weight: bold;
}

.woocommerce ul.products li.product .price { text-align: center; }

#tab-description > h2 {
	font-size: 22px!important;
	font-weight: bold;
}

.orderby, .woocommerce div.product form.cart .variations td select { font-size: 14px!important; }

.woocommerce-message { 
	color: #f2eeea!important;
}

.woocommerce input.button:disabled[disabled] { color: #f2eeea; }



/*---------------------------------------------------*/
/*----------       [ SITE HEADER ]      -------------*/
/*---------------------------------------------------*/

/* These styles affect the header of the site. */
/* This includes the logo and anything related to the Navigation. */

#main-header {background:url(http://suegranskie.designlabnj.com/wp-content/uploads/2018/10/headerbg.jpg) no-repeat center center; background-size:cover}


.et-cart-info { display: none; }

#top-header { height: 35px; }
.instatop { font-size: 18px!important;}
.fbtop { font-size: 16px!important;}


#et-secondary-menu { margin-top: 3px; }

.free-ship-header { float: left; }

/*Remove Dropdown Arrow*/
#top-menu .menu-item-has-children > a:first-child:after{
display: none!important;
}




/* Increase width of dropdowns */
.nav li ul { width: 280px; }
#top-menu li li a { width: 270px; }

.et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a { font-weight: 1000;}




/*---------------------------------------------------*/
/*----------       [ SITE FOOTER ]      -------------*/
/*---------------------------------------------------*/

.footer-widget { text-align: center!important; }

.widget-area { text-align: center; }

.footer-widget > .et_pb_widget { float: none !important; }

.footer-widget { margin-right: 0 !important; }

#main-footer .footer-widget h4 { margin-bottom: 10px; border-bottom: 1px solid #d0bbaa; }

/* Hide footer on contact page */
.page-id-50347 #main-footer > div.container { display: none!important;}


/*--------------------------------------------------------------------------------------------*/
/*-----------------------------        [ RESPONSIVE STYLES ]        --------------------------*/
/*--------------------------------------------------------------------------------------------*/

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

}
	


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

}



@media only screen and ( min-width: 600px) {	

}



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

}



/*  These styles control everything for mobile devices only, which is why you see MAX WIDTH instead of MIN WIDTH.  */
@media only screen and ( max-width: 980px) {

}



/*This affects all desktop sizes*/
@media only screen and ( min-width: 981px) {

#logo { margin-top: 4px; }
	
#et-top-navigation { padding-top: 5px; padding-bottom: 5px;}

nav>ul>li>a { 
		padding: 0 10px;
		font-size: 12px;
}
	
li.wpmenucartli a.wpmenucart-contents span, #et-secondary-nav > li:nth-child(1) > a { text-transform: uppercase; }
	
#footer-widgets > div:nth-child(1) { margin-left: 5%!important; }
	
}



@media only screen and (min-width: 1200px) {
	nav>ul>li>a { 
		padding: 0 20px; 
		font-size: 14px;
	}

}



@media only screen and ( min-width: 1400px) {	

}