/*
 Theme Name:  Curry
 Theme URI:   
 Description: Canvas Child Theme
 Author:      DVELOPIT
 Author URI:  http://dvelopit.co.nz/
 Template:    canvas
 Version:     1.0.0
 Text Domain: canvas-child
*/

@import url("../canvas/style.css");





/* GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */


div.related.products, li.additional_information_tab, .sku_wrapper { display:none; }

.page-template-template-contact label { color:#000000; }
.page-template-template-contact #nav-container { margin-bottom:0px; }

#map { height: 400px; width: 100%; }

.page-template-template-contact #content { padding-top:30px; }

#spacer { width:100%; clear:both; height:20px; }

h2.menu { width: 100%; text-align: center; background-color: #ccc; padding:10px; }

#home-content-bg { width:100%; overflow:auto; background-color:#24231F; }
#home-content { padding-left: 1.618em; padding-right: 1.618em; max-width: 1200px; padding-top:60px; padding-bottom:60px; position: relative; margin-left:auto; margin-right:auto; color:#ffffff; }

#home-orange-bg { background-color:#EC6E00; height:90px;  width:100%; z-index: 99999999999; position:relative; }

#home-content p, #home-content h2 { color:#ffffff; }


#icon-1 img, #icon-2 img, #icon-3 img , #icon-4 img { margin-top:30px; margin-bottom:10px; }

#icon-1 h3 { color:#333333; }
#icon-2 h3 { color:#666666; }
#icon-3 h3 { color:#F05926; }
#icon-4 h3 { color:#555555; }
#icon-1, #icon-2, #icon-3, #icon-4 { text-align:center; }

#icon-1:hover img, #icon-2:hover img; #icon-3:hover img, #icon-4:hover img { opacity:0.8 !important; }


/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (min-width: 768px) {
	/* Desktop styles go below this line */

div.soliloquy-outer-container { margin-top:-42px; }

#header-right img { float:right; margin-top: 20px; margin-left:15px;}

#home-icons { overflow:auto; }

#home-menu img { width:360px; float:right; margin-top: -450px !important; z-index: 9999999; position: relative; margin-right: 3.618em; }

#home-content-left { max-width: 60%; margin-left: 1.618em; }

#icon-1, #icon-2, #icon-3, #icon-4 { float:left;  width:18%; padding:3.5%; }

#displayProduct [id^="displayProduct-"] { width:50%; float:left; height: 150px;  }
.dp-section { clear:none !important; }

#displayProduct { width:100%; }

}



/* MOBILE STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the mobile layout of your site */
@media only screen and (max-width: 767px) {
	/* Mobile styles go below this line */


#home-menu { text-align: center; }

div.dp-section.dp-group.dp_product_item { width: 44% !important; float: left !important; display:block; }

#header-right img { margin-top: 20px; }
}