/*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=Raleway:h1,h2,h3|Open+Sans&display=swap);
:root {
    --font-regular: 'Raleway','Open Sans', sans-serif;
   /* --font-italic: <italic/none>; */
   /* --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: #FFCA18;

    
    /* --brand-color-primary: <CSS name value or hexcode value or RGB value>; */
    --brand-color-tertiary:#086ECC;
    --brand-color-quaternary:#086ECC;
    /* --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: #086ECC;
    --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: <number (integer or float) value>(r)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: #000000;
    --button-primary-border: #FFCA18;
    --button-primary-background: #FFCA18;
    
    --button-primary-color-hover: #ffffff;
    --button-primary-border-hover:#FFCA18;
    --button-primary-background-hover: #000000;
    
    --button-primary-color-active:#FFCA18;
    --button-primary-border-active:#ffffff;
    --button-primary-background-active:#02296E;

    /* --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: <CSS colour name value or hexcode value or RGB value>; */
    /* --input-border-radius:<number (integer or float) value>(r)em; */
    
    --dropdown-selected-color: #000000;
    --dropdown-selected-background: #FFCA18;
    --dropdown-highlight-color:#FFCA18;
    --dropdown-highlight-background: #000000;
    
    --calendar-text-color: #ffffff;
    --calendar-background: #086ECC;
    --calendar-month-year-color: #ffffff;
    --calendar-month-year-background: #086ECC;
    --calendar-day-name-color: #FFCA18;
    --calendar-day-name-background: #086ECC;
    --calendar-item-color: #ffffff;
    --calendar-item-background: #086ECC;
    --calendar-item-background-hover: #02296E;
    --calendar-item-selected-color: #000000;
    --calendar-item-selected-background: #FFCA18;
    --calendar-item-today-color: #000000;
    --calendar-item-today-background: #ff0000;
    --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: #086ECC;
    --list-header-color: #000000;
    --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: var(--button-primary-color-hover);
        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);
    }

    .step-container .done .step-icon
    {    /** change done step highlighting */
        /* font-family: FontAwesome, sans-serif; */
        background-color: #086ECC;
        color: #FFCA18;
    }

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

/*Mini Website header text colour*/
.category-title-toggle
{
    color: #FFCA18;
}

/* 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: "Professional Driving Lessons To Help You Pass At First Attempt";
  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: "Sydney's Best & Award-Winning Driving School";
    visibility: visible;
    text-indent: 0;
    display: block;
    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: "Professional Driving Lessons To Help You Pass At First Attempt";
    visibility: visible;
    color:#086ECC;
    text-indent: 0;
    display: block;
    color: #000000;
}