/*Visit https://miclubau.atlassian.net/wiki/spaces/Bookitlive/pages/edit-v2/995819523 for more detailed examples of valid variable inputs and their outputs*/
/*If variable does not need to be customised for the Provider's Public Sites (Public Booking and Mini-Website), remove the variable completely or comment out the variable name from the Provider stylsheet before uploading to the remote server directory*/

@import url(https://fonts.googleapis.com/css?family=Inter&display=swap);
:root {
    --font-regular: 'Inter', sans-serif;
    --font-italic: italic;
   /* --font-bold: <bold/none>; */
   /*  --font-bold-weight: <number (integer or float) value>; */
   /* --font-size: <number or float (i.e., decimal) value>px; */
    
    /* --line-spacing: <number (integer or float) value>; */
    
    --text-color: #000000;
    /* --text-color-error: <CSS colour name value or hexcode value or RGB value>; */
    /* --text-color-success: <CSS colour name value or hexcode value or RGB value>; */
    --text-color-inactive: #000000;

    
    /* --brand-color-primary: <CSS name value or hexcode value or RGB value>; */
    --brand-color-tertiary:#00AAE9;
    --brand-color-quaternary:#00AAE9;
    /* --brand-contrast-primary: <CSS name value or hexcode value or RGB value>; */

    /* --page-background-color: <CSS name value or hexcode value or RGB value>; */

    --link-color: #000000;
    --link-underline: none;
    /* --link-color-hover: <CSS name value or hexcode value or RGB value>; */
    --link-underline-hover: underline;
    /* --link-color-active: <CSS name value or hexcode value or RGB value>; */
    /* --link-underline-active: <underline/none>; */
    
    /* --button-border-width: <number (integer or float) value>px; */
     --button-radius: 0 em;
    /* --button-default-color: <CSS colour name value or hexcode value or RGB value>; */
    /* --button-default-border: <CSS colour name value or hexcode value or RGB value>; */

    --button-primary-color: #FFFFFF;
    --button-primary-border: #00AAE9;
    --button-primary-background: #00AAE9;
    
    --button-primary-color-hover: #000000;
    --button-primary-border-hover:#00AAE9;
    --button-primary-background-hover: #00AAE9;
    
    --button-primary-color-active:#00AAE9;
    --button-primary-border-active:#ffffff;
    --button-primary-background-active:#00AAE9;

    /* --input-color: <CSS colour name value or hexcode value or RGB value>; */
    /* --input-background-color: <CSS colour name value or hexcode value or RGB value>; */
    --input-border-color: #00AAE9;
    /* --input-border-radius:<number (integer or float) value>(r)em; */
    
    --dropdown-selected-color: #FFFFFF;
    --dropdown-selected-background: #00AAE9;
    --dropdown-highlight-color:#FFFFFF;
    --dropdown-highlight-background: #000000;
    
    --calendar-text-color: #000000;
    --calendar-background: #FFFFFF;
    --calendar-month-year-color: #000000;
    --calendar-month-year-background: #FFFFFF;
    --calendar-day-name-color: #000000;
    --calendar-day-name-background: #FFFFFF;
    --calendar-item-color: #000000;
    --calendar-item-background: #FFFFFF;
    --calendar-item-background-hover: #00AAE9;
    --calendar-item-selected-color: #FFFFFF;
    --calendar-item-selected-background: #00AAE9;
    --calendar-item-today-color: #000000;
    --calendar-item-today-background: #FFFFFF;
    --calendar-item-past-color: #C0C0C0;
    --calendar-item-past-background: #000000;
    --calendar-item-past-fade: 0.1;
    --calendar-item-disabled-color: #C0C0C0;
    --calendar-item-disabled-background: #000000;
    --calendar-item-disabled-fade: 0.1;
    
    /* --main-width-max: <css measurement value>; */
    /*<css measurement value> =any of “px”, “%”, “vw”, “rem”, “em”, or “ch” units*/
    /* --content-width-max: <css measurement value>; */
    /*<css measurement value> =any of “px”, “%”, “vw”, “rem”, “em”, or “ch” units*/

    /* --message-error-color: <CSS colour name value or hexcode value or RGB value>; */
    /* --message-error-background: <CSS colour name value or hexcode value or RGB value>; */
    /* --message-success-color: <CSS colour name value or hexcode value or RGB value>; */
    /* --message-success-background: <CSS colour name value or hexcode value or RGB value>; */

    --list-header-background: #00AAE9;
    --list-header-color: #FFFFFF;
    --list-border-color: #000000;
    /* --list-item-color: <CSS colour name value or hexcode value or RGB value>; */

    /* --process-loader-large-size: <css measurement value>; */
   /*<css measurement value> =any of “px”, “%”, “vw”, “rem”, “em”, or “ch” units*/
   /* Best left in “em” units so that the class is fixed relative/proportional to the button element it is tied to*/
   /* --process-loader-large-color: <CSS colour name value or hexcode value or RGB value>; */
   /* --process-loader-large-content: ‘<text or unicode character value>’; */
   /* --process-loader-large-animation: <animation class (pattern ID)> <anima tion loop time>s <animation repetition count> <animation effect> <animation direction>; */
    
    /* --process-loader-medium-size: <css measurement value>; */
   /*<css measurement value> =any of “px”, “%”, “vw”, “rem”, “em”, or “ch” units*/
   /* Best left in “em” units so that the class is fixed relative/proportional to the button element it is tied to*/
   /* --process-loader-medium-color: <CSS colour name value or hexcode value or RGB value>; */
   /* --process-loader-medium-content: ‘<text or unicode character value>’; */
   /* --process-loader-medium-animation: <animation class (pattern ID)> <animation loop time>s <animation repetition count> <animation effect> <animation direction>; */

   /* --process-loader-small-size: <css measurement value>; */
   /*<css measurement value> =any of “px”, “%”, “vw”, “rem”, “em”, or “ch” units*/
   /* Best left in “em” units so that the class is fixed relative/proportional to the button element it is tied to*/
   /* --process-loader-small-color: <CSS colour name value or hexcode value or RGB value>; */
   /* --process-loader-small-content: ‘<text or unicode character value>’; */
   /* --process-loader-small-animation: <animation class (pattern ID)> <animation loop time>s <animation repetition count> <animation effect> <animation direction>; */
    
    /* --category-toggle-background: <CSS colour name value or hexcode value or RGB value>; */
    /* --category-toggle-color: <CSS colour name value or hexcode value or RGB value>; */

    /* --booking-nav-button: <block/inline/flex/grid/contents/inline-block/none>; */
    /* --booking-nav-columns: <“Prev” button width> <Date Picker Button width> <“Next” button width>; */
    /*<css measurement value> =any of “px”, “%”, “vw”, “rem”, “em”, or “ch” units
     Width values can be any css measurement value (i.e., any of “px”, “%”, “vw”, “rem”, “em”, or “ch” units or “auto”);

    Best left in “em” units so that the class is fixed relative/proportional to the button element it is tied to*/
    /* --booking-nav-spacing: --booking-nav-columns: <“Prev” button width> <Date Picker Button width> <“Next” button width>; */
    /*<css measurement value> =any of “px”, “%”, “vw”, “rem”, “em”, or “ch” units
    Width values can be any css measurement value (i.e., any of “px”, “%”, “vw”, “rem”, “em”, or “ch” units or “auto”);

    Best left in “em” units so that the class is fixed relative/proportional to the button element it is tied to*/

    /* --footer-font-size: <css measurement value (i.e., any of “px”, “%”, “vw”, “rem”, “em”, or “ch” units)>; */
    /* --footer-padding: <css measurement value (i.e., any of “px”, “%”, “vw”, “rem”, “em”, or “ch” units)>; */

    /*Best left in “em” units so that the class is fixed relative/proportional to the button element it is tied to*/

    body .btn-default:hover,
    body .btn-danger:hover,
    body .btn-primary:hover,
    body .btn-success:hover
    {    /** shared hover look for normal + primary buttons */
        color: #FFFFFF;
        border-color: var(--button-primary-border-hover);
        background-color: var(--button-primary-background-hover);
    }

    /*body button:focus,
    body button:active,*/
    body .btn-default:focus,
    body .btn-default:active,
    body .btn-danger:focus,
    body .btn-danger:active,
    body .btn-primary:focus,
    body .btn-primary:active,
    body .btn-success:focus,
    body .btn-success:active
    {    /** shared active look for normal + primary buttons */
        color: var(--button-primary-color-active);
        border-color: var(--button-primary-border-active);
        background-color: var(--button-primary-background-active);
    }
    
    /*unbold booking process/purchasing step indicator text*/
    .step-container p
    {
        font-weight: 400;
    }
    
    /*change icon outline colour for current booking/purchasing step*/
    .step-container .active .step-icon
    {
        border-color: #000000;
        color: #000000;
    }
    
    /*change step indicator line colour between previous and current booking/purchasing step*/
    .step-container .active.indicator-line    {
        background-color: #000000;
        /*border-color: #000000;
        color: #000000;*/
    }
    
    .step-container .done .step-icon
    {    /** change done step highlighting */
        /* font-family: FontAwesome, sans-serif; */
        background-color: #FFFFFF;
        color: #00AAE9;
        display: block;
        text-align: center;
        text-indent: 0;
    }
    
    .step-indicator .done .step-icon
    {    /** change done step highlighting */
        /* font-family: FontAwesome, sans-serif; */
        background-color: #FFFFFF;
        color: #00AAE9;
        display: block;
        text-align: center;
        text-indent: 0;
    }

    /*centre business logo image*/
    .logo
    {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
        /* display: flex;
        justify: center;
        height: 100vh; */
    }

    /*contrast booking date text in booking list header*/
    .list tr.day th {
        color: #000000;
        font-weight: 700;
    }
    
    
    /*bold font for booking date in booking list header*/
    .list tbody tr.day {
        font-weight: 700;
    }
    
/* centre purchase page step indicator position*/
    #purchase .step-container {
        width: auto;
        margin: auto;
    }
    
    #purchase .step-container h2 {
        width: auto;
        margin: auto;
    }
    
/*Mini Website header text colour*/
.category-title-toggle
{
    color: #FFFFFF;
}

/* hide original booking step process indicator header at top of page*/
/*.step-container h1
{
 visibility: hidden;
 text-indent:-9999px;
}*/

/* replace booking step process indicator header text with new text input in 'content' property below*/
#booking.portal-step.booking-list h1 {
  position: relative;
  /*height: 2em;*/
  min-height: 2em;
  
}
#booking.portal-step.booking-list h1:before {
  content: "PREMIER CLAY TARGET SHOOTING";
  background: white;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  /*padding-bottom: 10%;*/
}

/* hide default provider Name header at top of page*/
/*.step-header h1*/
.heading h1
{
    visibility: hidden;
    margin: .675em 0;
    text-indent: -9999px;
}
/* replace header text with new text input in 'content' property below*/
/*.step-header h1*/
.heading h1::after {
    /*content: "Learn Safe and Fast with Sydney's Best & Award-Winning Driving School";*/
    content: "AUS Shooting";
    visibility: visible;
    font-family: "Arial";
    font-weight: 1000;
    text-indent: 0;
    display: block;
    text-align: center;
    color: #000000;
}

/* hide default provider Name header at top of page*/
/*.step-container h2*/
.step-container h1
{
 visibility: hidden;
 text-indent:-9999px;
}

/* replace header text with new text input in 'content' property below*/
/*.step-container h2*/
.step-container h1::after {
    content: "Premier Clay Target Shooting";
    visibility: visible;
    font-family: "Arial";
    font-weight: 100;
    text-indent: 0;
    display: block;
    text-align: center;
    color: #000000;
}


/*.about-us.contact-info details.readmore button.toggle {
    font-weight: 1000;
}*/

.readmore summary ~ .toggle:before {
    font-weight:1000;
}

/*bold font for "(More)" button in Mini Website "About US" business description field*/
.about-us.contact-info .readmore .btn.btn-link.toggle {
    font-weight: 1000;
}

.right h3 ~ *
{    /** for right section of Mini Website (About US, Contact Information, etc.), everything after the heading should be indented */
    margin-left: 0em;
    text-align: justify;
}

/* change colour of hyperlinked "bookitlive online booking software text*/
#footer .powered p a {
    color: #000000;
}

.navbar-nav .active a
{    /** current menu item (loaded page) */
    border-bottom-color: #00AA9;
}