/*
Theme Name: Spacious Pro Child
Theme URI: https://themegrill.com/themes/spacious/
Author: Paulette Recktenwald
Author URI: https://themegrill.com/wordpress-themes/
Description: A Child Theme of Spacious Pro which is the pro version of Spacious free theme.
Template: spacious-pro
Version: 1.0.0
Tested up to: 5.9
Requires PHP: 5.6
License: GNU General Public License, version 3 (GPLv3)
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Tags: one-column, two-columns, right-sidebar, left-sidebar, flexible-header, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, footer-widgets, blog, e-commerce
Text Domain: spacious
*/

/* pebr modifications begin */

/* pebr. 10/10/2017 placeholder style to trigger population of dropdowns with
    full list of delivery schools. */
.schoolpopulate {
}

/* pebr. 7/20/2018 placeholder style to trigger population of dropdowns with
    full list of instrument type, model-brand-type, and condition. */
.modelpopulate {
}

.conditionpopulate {
}

.typepopulate {
}

/*Add margin to form labels*/	
/**
 * pebr. 3/5/2018. Reduce the spacing between gravity forms fields.
 * pebr. 1/30/2023. Now that gravity forms has moved to a new updated
 * layout which is a little tighter, try removing these margin changes
 * altogether.
**/
/*
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label
{
    margin: 0 0 0 0;
}
*/

/*
.gform_wrapper
{
    margin: 0 !important;
}
*/

/**
 * pebr. 4/18/2024. Change the font size and color for all field labels
 * on the REntal Term Decision form.
**/
body #gform_wrapper_42 .gform_body .gfield_label {
    color: black;
    font-size: 18px;
}

/**
 * pebr. 1/30/2023. Add just a slight bit more space to the right of
 * the radio button circle itself.
**/
body .gform_wrapper input[type='radio']
{
  margin: 0px 5px 0px 0px;
}

/**
 * pebr. 1/30/2023. Now need to add a little more space between
 * each full radio button (including its label). This will also affect
 * check boxes. The layout is too tight when the radio buttons have long
 * text labels.
**/
body .gform_wrapper .gchoice
{
  margin: 0px 0px 15px 0px;
}

p.price
{
    margin-bottom: 0 !important;
}

.action-answer {
	font-weight: bold;
	color: #000;
}

.emphasis {
	font-weight: bold;
	color: #f7941d;
}

/* Added from live site. pebr. 5/2/2018. */
.orange { color: #f7941d;}


/**
 * pebr. 5/15/2018. Hide Recurring Totals only on the shopping cart page,
 * not on the final checkout page.
**/
.woocommerce table.shop_table_responsive tr.recurring-totals {
    display: none;
}

.woocommerce table.shop_table_responsive tr.recurring-total {
    display: none;
}

/**
 * pebr. 12/16/2020. Styles for Action Table for Instrument Rentals and
 * Purchase Plans shown within customer accounts.
 **/
.scmishowgridheader {
  border: 1px solid black;
  padding: 4px;
  font-size: 16px;
  color: #222222;
  font-family: "Lato", arial, sans-serif;
}
.scmishowgrid {
  border: 1px solid black;
  padding: 4px;
  font-size: 14px;
}
.scmishowgridlast {
  border: 1px solid black;
  padding: 4px;
  font-size: 14px;
  vertical-align: middle;
  margin: 0 auto;
}
a.scmishowgridbutton {
  border-radius: 4px;
  padding: 6px;
  font-size: 14px;
  color: #5e5e5e;
  background-color: #e7e6e7;
  line-height: 1em;
  vertical-align: middle;
  border: 1px solid #5e5e5e;
}
a.scmishowgridbutton:hover {
  background-color: #5e5e5e;
  color: white;
}
.scmitable {
    border-collapse: collapse;
    table-layout: fixed;
}
a.greenbutton {
    color: green;
    transition-duration: 0.4s;
}
a.greenbutton:hover {
    background-color: lightgreen;
    text-decoration: none;
    background-image: none;
    color: white;
}
a.button {
    border: 1px solid #444444 !important;
}

a.orangebutton {
    color: white;
    transition-duration: 0.4s;
    background-color: #f7941d;
    padding: 2px 5px;    
}
a.greenbutton:hover {
    background-color: white;
    text-decoration: none;
    background-image: none;
    color: #f7941d;
    padding: 2px 5px;
}

.agreementinsert {
    float: right;
    margin: 3px;
}

/* Override the margin for the WC select2 categories navigation dropdown. */

#header-text-nav-wrap {
    padding-top:5px;
    padding-bottom:5px;
}

/* Force secondary slider area to not take up any space. */
/* PRIMARY AND SECONDARY CONTENT AREA modified from parent theme. */
#primary {
	float: left;
	width: 99%;
}

#secondary {
	float: right;
	width: 1%;
}

.wide-978 #primary, .narrow-978 #primary {
	width: 99%;
}

.wide-978 #secondary, .narrow-978 #secondary {
	width: 1%;
}

/* pebr. 2/6/2024. Increase width of sub menus in main navigation menu. */

@media screen and (min-width: 981px) {
.sub-menu {
min-width: 325px;
}
}

/* pebr. 2/6/2024. Product image scroll in left column on large screen */
/* @media screen and (min-width: 981px) { */
/* .woocommerce div.product div.images.woocommerce-product-gallery { */

.woocommerce div.product {
    position: sticky !important;
    top: 0;
    float: none;
    background: white;
}

/* pebr. 2/7/2024. Increase font size of In Stock indicator on Product pages. */

.woocommerce div.product p.stock {
	font-size: 1.2em  !important;
}

/* Main navigation: make top-level menu items more prominent */
#site-navigation .menu > li > a {
    font-size: 16px;
    font-weight: 600;
    padding-left: 10px;
    color: #222222;    
    padding-right: 10px;
}

/* Monthly payoff automatic-payment indicator
 * on My Account -> Subscriptions.
 */
.scm-auto-payment-indicator {
    margin-top: 8px;
    font-weight: 700;
    font-size: 1.0em;
    color: #333;
}

/* pebr modifications end */