/*
 Theme Name:   Subrosa
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Customized theme based on Storefront
 Author:       Tim Warner/Clerestory
 Author URI:   http://clerestory.com
 Template:     storefront
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support
 Text Domain:  subrosa
*/

/* COLORS
0084b4 - greyer/darker blue
ffa730 - branding: orange
B57522 - darker orange brown
ffffa0 - yellow
d8eeff - light cloud blue
963700 - burnt sienna (reddish brown)
ce832d - darker orange
cfa730 - yellow ochre
3D9CD2 - light blue

*/

.wiggle { font-weight: bold; color: red; }

.genericon {
	font-size:24px;
	color: #fff;
}

.break { clear: both; }

.footer-navigation ul {
  margin-left: 0;
  list-style: none; }
  .footer-navigation ul ul {
    display: block;
    margin-left: 1.387em; }
  .footer-navigation ul li a {
    padding: 0.857em 1.387em;
    display: block; }
    .footer-navigation ul li a:before {
      font-family: "FontAwesome";
      content: "\f0f6";
      margin-right: .53em;
      font-weight: 400; }
    .footer-navigation ul li a:hover {
      color: #e6e6e6; }


/* Things to hide */
.widget_wpcom_social_media_icons_widget .widget-title
{
	display: none;
}

/************************
*
* Parent theme overrides 
*
*************************/
/* NOTE that these are for desktop, not mobile, which will need to be integrated later. */

/* this reduction of margin is to move up social icons -- could possibly absolutely position them for desktop */
.home.blog .site-header,
.home.page:not(.page-template-template-homepage) .site-header,
.home.post-type-archive-product .site-header {
    margin-bottom: 0; /* original -  4.236em; */
}
.storefront-primary-navigation {
	background: none;
}

/* tightening up space - padding-bottom originally 1em */
.header-widget-region .widget {
    padding-bottom: 0;
}

/* header product categories -- change to horizontal */
.widget_product_categories span { display: none; } /* hide label */
.product-categories li { float: left; }
.product-categories li a { padding: 0 .6em; }
.widget.widget_wpcom_social_media_icons_widget {
	padding-top: 0;
}

/* make the search field look a little nicer -- older browsers will be rectangles */
.site-search .widget_product_search input[type="search"],
.site-search .widget_product_search input[type="text"] {
    border-radius: 25px;
}
/* round off other buttons in Cart */
button, input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.added_to_cart,
.widget-area .widget a.button,
.site-header-cart .widget_shopping_cart a.button
{
    border-radius: 1em;
}    

/* Primary navigation position */
.primary-navigation {
	float: right;
}
/* control padding after the header menu */
.primary-navigation ul.nav-menu > li > a,
.site-header-cart .cart-contents 
{
    padding-bottom: 0.5em;
}

/* Header widget region -- social and categories */
.header-widget-region {
    background-color: #ffa730;
}
.header-widget-region aside {
    float: left;
}
.header-widget-region .product-categories li a {
    color: #fff;
}
/* Enable this is the social icons should sit on the right side */
.header-widget-region .widget_wpcom_social_media_icons_widget {
    float: right !important;
}
/* disable folder icons in front of WooCommerce categories */
.header-widget-region .widget_product_categories ul li::before {
    content: none;
}
.header-widget-region .product-categories a {
	padding-left: 0;
	padding-right: 2em;
	font-size: 1.1em;
}

/* Styles Details */
/* Hide "Shop" page title */
.home h1.page-title { display: none; }


/* fix logo size */
.site-header .site-branding {
    width: 29% !important;
}
.site-header .custom-logo-link,
.site-header .site-logo-link {
    width: 100% !important;
}
.site-header .secondary-navigation {
    width: 43% !important;
}
.site-header .site-search {
    width: 19% !important;
}


/******************************
*
* Style defaults -- note that most of these can be overridden within WP's customization feature for the parent theme
*
*******************************/
a { color: #0084b4; }
.site-header {
    background-color: #fff;
}
.site-footer { 
	background-color: #ffa730;
	color: #555;
}
.site-footer a:not(.button) {
    color: #ffffa0;
}
.site-footer .product_list_widget li img {
    border-radius: 4px;
    max-width: 3.618em;
}
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6 {
    color: #555;
}
.hentry .entry-header {
    margin-bottom: 1em;
}

/* Primary menu for store options */
.main-navigation ul.menu li a,
ul.site-header-cart li a
{ /* excessive selectors because theme has injected CSS into page */
    color: #676767 !important;
}
p.site-description,
ul.menu li.current-menu-item > a,
.site-header {
    color: #B57522 !important;
}

/* Secondary menu containing Articles & Tips and Contact */
.secondary-navigation ul.menu li a {
    color: #333333 !important;
}
.secondary-navigation ul.menu li a:hover {
    font-weight: bold;
}

/* Background for cart widget */
.site-header-cart .widget_shopping_cart, .main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children {
    background-color: #F79A00;
}
.site-header-cart .widget_shopping_cart,
.site-header-cart .widget_shopping_cart li a,
.site-header-cart .widget_shopping_cart li .quantity {
    color: #5b2121 !important;
}
.site-header-cart .widget_shopping_cart a.button {
    color: #ffffff !important;
}


/*gradient background for body */
body {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left, #d8eeff 0%, #ffffff 15%, #ffffff 85%, #d8eeff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #d8eeff 0%,#ffffff 15%,#ffffff 85%,#d8eeff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #d8eeff 0%,#ffffff 15%,#ffffff 85%,#d8eeff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8eeff', endColorstr='#d8eeff',GradientType=1 ); /* IE6-9 */
}

/******************************
*
* Site specific styles -- quicktip to callout
*
*******************************/
.callout-old {
	padding: 5px;
	width: 98%;
	border: 1px solid #999999;
}

.callout-old-title {
	font-weight: bold;
	color: #333333;
	background-color: #CCCCCC;
	padding: 5px;
}
.callout-old-content {
	padding-left: 75px;
	background-image: url(http://www.subrosasoft.com/includes/templates/SRS/images/bullhorn.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	height: 100%;
	vertical-align: text-bottom;
}
.callout {
	padding: 0;
	margin-bottom: 3em;
	width: 98%;
	border-right: 1px solid #ffa730;
	border-bottom: 1px solid #ffa730;
	border-bottom-right-radius: 10px;
}

.callout-title {
	font-weight: bold;
	color: #fff;
	background-color: #EA982C;
	padding: 13px 2em 13px 130px;
	border-top-left-radius: 10px;
}
.callout-content {
	padding: 1.5em 80px 2.5em 130px;
	height: 100%; min-height: 9em;
	vertical-align: text-bottom;
}

.quicktip { 
	border-right-color: #FF960C;
	border-bottom-color: #FF960C;
}
.note { 
	border-right-color: #3D9CD2;
	border-bottom-color: #3D9CD2;
}
.warning { 
	border-right-color: #EC1C24;
	border-bottom-color: #EC1C24;
}
.quicktip .callout-title { 
	background-color: #FF960C;
}
.quicktip .callout-content {
	background-image: url("images/srs-icon-quicktip.svg");
	background-position: 10px 28px;
	background-repeat: no-repeat;
	background-size: 100px auto;
}
.note .callout-title { 
	background-color: #3D9CD2;
}
.note .callout-content {
	background-image: url("images/srs-icon-note.svg");
	background-position: 10px 28px;
	background-repeat: no-repeat;
	background-size: 100px auto;
}
.warning .callout-title { 
	background-color: #EC1C24;
}
.warning .callout-content {
	background-image: url("images/srs-icon-warning.svg");
	background-position: 10px 28px;
	background-repeat: no-repeat;
	background-size: 100px auto;
}
.callout span.type { 
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 90%;
}
.callout.no-title { /* default */
	border-top: 15px solid #ffa730;
}
.callout.no-title.quicktip { border-top: 15px solid #ffa730; }
.callout.no-title.note { border-top: 15px solid #3D9CD2; }
.callout.no-title.warning { border-top: 15px solid #EC1C24; }

/******************************
*
* Page TOC - Manuals
*
*******************************/
.page-toc {
	border: 1px solid #3d9cd2;
	border-radius: 5px;
	float: right;
	width: 350px;
	margin-left: 3em;
}
.page-toc h2 {
	background-color: #3d9cd2;
	color: #fff;
	font-size: 1em;
	letter-spacing: 0.1em;
	padding: 0.5em 2em;
	text-transform: uppercase;
}
/******************************
*
* Legacy elements
*
*******************************/
/* icons shown in some manuals */
.legacy-icon::before {
  clear: both;
}
.legacy-icon {
  float: left;
  padding: 0 30px 50px 0;
  margin-left: -100px;
}


/******************************
*
* Plug-in adjustments
*
*******************************/
/* Note: some style adjustments are made above -- especially modifications to styles used in widgets. */

/* Hero Slider */
.hslider_misc_holder {
	margin-bottom: 1em !important;
}
.post_item_img, .product_item_img {
    border-radius: 12px;
}
/* z-index adjustments to make HeroSlider and WooCommerce play nicely together */
.site-header-cart .widget_shopping_cart {
	z-index: 1000; /* WooCommerce: default was 999999 */
}
.hslider_slide_holder {
	z-index: 500 !important; /* HeroSlider: default was 9999999 */
}

/* Sassy Social */
.heateor_sss_sharing_title {
  display: none;
}
.heateor_sss_sharing_container {
  margin-bottom: 2em;
}


/******************
*
* WooCommerce 
*
*******************/

/* breadcrumbs */
.woocommerce-breadcrumb {
    margin-bottom: 1em;
}
.woocommerce-breadcrumb, #reviews .commentlist li .comment_container {
	background: none; /* override to allow blue background through */  
}

/* woocommerce onsale */
.onsale {
	border-color: #ffa730;
	position: absolute;
	right: 10%;
	top: 0;
}
/* woocommerce upsell list */
.upsells {
	border-color: #ffa730;
}
.upsells li {
	height: 150px;
	padding-bottom: 50px;
}
.upsells li img {
	width: 150px;
	height: 150px;
	position: absolute;
	top: 0; 
	left: 0;
}
.upsells li h3 {
	text-align: left;
	position: absolute;
	top: 0; 
	left: 175px;
}
.upsells li span.price {
	position: absolute;
	bottom: 60px; 
	left: 175px;
}
.upsells li a.button {
	position: absolute;
	bottom: 10px; 
	left: 175px;
}
.upsells ul.products li.product.first {
    clear: none !important;
}
.upsells .onsale {
	left: 35%;
}

/* woocommerce footer style */
.product_list_widget .amount {
    color: #963700;
/*    font-weight: bold; */
}
/* page number icons */
.pagination .page-numbers,
.woocommerce-pagination .page-numbers {
	border-radius: 3px;
}
/* status messages */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message,
.woocommerce-noreviews,
p.no-comments {
    background-color: #0084b4;
    border-radius: 0 0 5px 5px;
}
.site-content > .col-full > .woocommerce > .woocommerce-error:first-child,
.site-content > .col-full > .woocommerce > .woocommerce-info:first-child,
.site-content > .col-full > .woocommerce > .woocommerce-message:first-child {
    margin-top: 0;
}
/* Checkout pages */
/* Order review */
#order_review_heading, #order_review {
    border-color: #ffa730;
}
#order_review_heading {
    border-radius: 8px 8px 0 0;
}
#order_review {
    border-radius: 0 0 8px 8px;
}

/* buttons */
button.alt,
input.alt[type="button"],
input.alt[type="reset"],
input.alt[type="submit"],
.button.alt,
.added_to_cart.alt,
.widget-area .widget a.button.alt,
.added_to_cart,
.pagination .page-numbers li .page-numbers.current,
.woocommerce-pagination .page-numbers li .page-numbers.current {
    background-color: #ffa730;
    border-color: #ffa730;
    color: #ffffff;
}
button.alt:hover,
input.alt[type="button"]:hover,
input.alt[type="reset"]:hover,
input.alt[type="submit"]:hover,
.button.alt:hover,
.added_to_cart.alt:hover,
.widget-area .widget a.button.alt:hover,
.added_to_cart:hover,
.pagination .page-numbers li .page-numbers.current:hover,
.woocommerce-pagination .page-numbers li .page-numbers.current:hover {
    background-color: #ce832d;
    border-color: #ce832d;
    color: #f60;
}

/* cart buttons aka accents */
a:focus, .button:focus, .button.alt:focus, .button.added_to_cart:focus, .button.wc-forward:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
    outline: none; /* #96588a; */
}
button, input[type="button"], input[type="reset"], input[type="submit"], .button, .added_to_cart, .widget a.button, .site-header-cart .widget_shopping_cart a.button {
    background-color: #3D9CD2;
    border-color: #3D9CD2;
    color: #ffffff;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .added_to_cart:hover, .widget a.button:hover, .site-header-cart .widget_shopping_cart a.button:hover {
    background-color: #ffa730;
    border-color: #ffa730;
    color: #ffffff;
}

/* fixing position and background color of Paypal Express button, which uses a GIF from Paypal.com */
.paypal_box_button .paypal_checkout_button img {
    margin: 0 auto 10px;
	padding: 7px 20px;
	background-color: #fff;
	border-radius: 5px;
}