/*************************************
#Signup Forms - START
**************************************/

/*-------------------------------------------------------------*/

/* Core Overrides - Start */

.button,
button{
border-radius:64px;
color:#ffffff;
font-weight:normal;
transition: all 0.35s ease;
-webkit-box-shadow: inset 0px 0px 0px 0px #F29244; 
background: -moz-linear-gradient(90deg, rgba(242,67,115,1) 0%, rgba(242,146,68,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(242,67,115,1) 0%, rgba(242,146,68,1) 100%);
background: linear-gradient(90deg, rgba(242,67,115,1) 0%, rgba(242,146,68,1) 100%);
background: rgb(242,67,115);
border: none;
box-shadow: inset 0px 0px 0px 0px #F29244;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f24373",endColorstr="#f29244",GradientType=1);
font-size: 1.4em;
line-height: 1em;
padding: 16px 32px;
}

.button:hover,
button:hover{
color:#ffffff;
-webkit-box-shadow: inset 150px 0px 0px 0px #F29244; 
box-shadow: inset 150px 0px 0px 0px #F29244;
}

/* Core Overrides - End */



/* Form Container and Parent styles  - Start */
.subscription-form{
/*border:  1px solid #333;*/
/*padding:  64px;  */
}

#stepsform{}

/* Form Container and Parent styles  - End */

/*-------------------------------------------------------------*/

/* Wizard - Start */

#stepsform .wizard{}

.wizard{}

/* Wizard Steps - Start */

#stepsform .wizard .steps{  
}

/* -- Here we hide the default tabs from the form to make way for the percentage indicator -- */

.steps > ul[role="tablist"]{
/*   display: block !important; */
}

.wizard > .steps
{
display: block;
position: relative;
width: 100%;
}

.wizard.vertical > .steps
{
display: inline;
float: left;
width: 30%;
}

.wizard > .steps .number
{
font-size: 1.429em;
}

.wizard > .steps > ul > li
{
width: 25%;
}

.wizard > .steps > ul > li,
.wizard > .actions > ul > li
{
float: left;
}

.wizard.vertical > .steps > ul > li
{
float: none;
width: 100%;
}


.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active
{
display: block;
margin: 0 0.5em 0.5em;
padding: 1em 1em;
text-decoration: none;
width: auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active
{
background: #eee;
color: #aaa;
cursor: default;
}

.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active
{
background: #2184be;
color: #fff;
cursor: default;
}

.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active
{
background: #9dc8e2;
color: #fff;
}

.wizard > .steps .error a,
.wizard > .steps .error a:hover,
.wizard > .steps .error a:active
{
background: #ff3111;
color: #fff;
}


/* ----- Percentage Indicator ----- */

.wizard .form-step-header {
max-width: 100%;
width:1005;
}

.wizard .form-step-header .step-title {
font-size:1.5em;
}

.wizard .form-step-header .step-description {
font-size:1em;
}
.wizard .form-step-header .progressbar-container {
border-radius: 64px;
border: 2px solid #3D1670;
margin: 24px auto;
overflow: hidden;
width:100%;
}
.wizard .form-step-header .progressbar {
background-image: linear-gradient(to right, #F24373, #F29244);
border-radius: 64px;
border: 2px solid #ffffff;
color: #FFF;
font-size:1.2em;
padding: 4px 32px;
text-align: right;
}

.wizard .form-step-body .field-container{
text-align:center;
}

/* -- Payment frequency toggle switch -- */

.wizard .form-step-body .subscription-term{
display: inline-block;
margin: 0;
}

.wizard .form-step-body .subscription-term ul.field-radio {
display: flex;
justify-content: center;
flex-direction: row;
border: 2px solid #3D1670;
border-radius:64px;
margin:0;
margin-bottom:64px;
padding: 4px;
}

.wizard .subscription-term input[type="radio"]:checked+label {
background-color:#3D1670;
color:#F9F5FF;
border-radius: 64px;
transition: all 0.3s ease;
}

.wizard .subscription-term li input
{
display: none;
}

.wizard .subscription-term ::marker{
color:transparent;
}

.wizard .subscription-term li label {
background-color:transparent;
border-radius: 64px;
color:#3D1670;
padding: 16px 32px;
margin: 0;
font-weight: 600;
text-align: center;
color: #000;
font-size: 16px;  
transition: all 0.3s ease;
}

.wizard .subscription-term li label:before {
display: none;
}

/* ----- Packages/Offerings ----- */

/* --- Pricing --- */

.package-message-wrap {
text-align: center;
}

/* .package-message-wrap label.error{
font-size: 15px;
background: rgb(247 47 56 / 63%);
color: #FFF;
padding: 10px 33px;
border-radius: 25px;
border: 1px solid rgb(247 47 56 / 62%);
max-width: 460px;
margin: 0 auto 21px!important;
text-align: center;
width: 100%;
color: #FFF !important;
} */


.pricing-table { 
}

.pricing-table input[type="radio"] {
/* Add if not using autoprefixer */
-webkit-appearance: none;
appearance: none;
/* For iOS < 15 to remove gradient background */
background-color: #fff;
/* Not removed via appearance */
margin: 0;
height: 0;
line-height: 0;
}

.pricing-table .hic-box {
display: flex;
flex-flow: column;
gap: 16px;  
position: relative;
-webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.16); 
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.16);
border-radius: 8px;
background: #F9F5FF;
padding: 32px;
cursor:pointer;
transition:  all 0.35s ease;
}

.pricing-table > li::marker{
color:transparent;
width:0;
height:0;
line-height:0;
font-size:0;
}

.pricing-table .hic-box:hover {
background-color: #3D1670;
color:#ffffff;
}

.pricing-table li .hic-title{
color:#911DFF;
}

.pricing-table li.selected .hic-title{
color:#ffffff;
}

.pricing-table li.selected .hic-box{
background-color: #3D1670;
color:#ffffff;
}

.package-price .price {
font-weight: 600;
}

.price.interval-price {
font-size: 3em;
line-height: 0.8em;
}

.package-price .price span {
display:block;
text-transform: uppercase;
font-size: 0.35em;
margin-bottom:8px;
}

/* --- Content --- */

.hic-blurb .package-features{
text-align: left;
}

.hic-blurb .package-features ul ::marker{
color:transparent;
}

.hic-blurb .package-features ul{
margin-left:0;
}

.hic-blurb .package-features ul li{
margin-bottom:8px;
font-size: 1em;
line-height: 1.2em;
padding-bottom: 8px;
display: flex;
}

.hic-blurb .package-features ul li:before{
background-image: url("https://signup.hicaliber.com.au/wp-content/uploads/2023/09/hc_su_tick_purple.png");
width:16px;
min-width:16px;
height:16px;
content: "";
display: inline-block;
margin-right:16px;
background-repeat: no-repeat;
}


.hic-box:hover .hic-blurb .package-features ul li:before{
background-image: url("https://signup.hicaliber.com.au/wp-content/uploads/2023/09/hc_su_tick_white.png");
}

.hic-blurb .package-features ul li:last-child{
margin-top:32px;
}

.hic-blurb .package-features ul li:last-child:before{
display: none;
}


.packages-options .hic-button-wrap{
text-align:center;
justify-content: center;
}



/*

.pricing-table .hic-blurb {
margin-top: 16px;
padding: 30px;
}
.pricing-table .hic-sub-title {
margin-bottom: 0;
}
.pricing-table .is-featured .hic-box {
background-color: #6950a0;
}

.pricing-table .is-featured .hic-box,
.pricing-table .is-featured .hic-title h3,
.pricing-table .is-featured .price span,
.pricing-table .is-featured .price.setup-price {
color: #fff;
} */



/* STEP DESIGN */

.step-design .field-radio {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
gap:4%;
justify-content: center;
margin:0;
padding:0;
}

.step-design .field-radio>li {
display: block;
flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
min-height: 0;
min-width: 0;
width: 100%;
max-width:48%;
border-radius:8px;
/*   padding: 0 12px;*/
margin-bottom: 32px; 
overflow: hidden;

}

.step-design .field-radio label {
cursor: pointer;
width: 100%;
margin:0;
padding:0;
height: 100%;
}

.step-design .field-radio .hic-title {
position: relative;
top: 0;
left: 0;
right: 0;
/*! background: rgb(61,22,112); */
/*! background: -moz-linear-gradient(180deg, rgba(61,22,112,1) 0%, rgba(61,22,112,0) 100%); */
/*! background: -webkit-linear-gradient(180deg, rgba(61,22,112,1) 0%, rgba(61,22,112,0) 100%); */
/*! background: linear-gradient(180deg, rgba(61,22,112,1) 0%, rgba(61,22,112,0) 100%); */
/*! filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3d1670",endColorstr="#3d1670",GradientType=1); */
padding: 32px;
text-align: center;
color: #3D1670;
font-size: 1em;
line-height: 1em;
font-weight: normal;
}

.step-design .field-radio .hic-box {
position: relative;
height: 100%;
}

.step-design .field-radio .hic-box .hic-image-container.has-image{
height: auto;
position: relative;
z-index: 0;
  overflow: hidden;
  border-radius:8px;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.16);
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.16);
}

.step-design .field-radio .hic-box .hic-image-container.has-image .overlay{
width: 100%;
height: 100%;
position: absolute;
background-color: rgba(61, 22, 112, 0.5);
z-index: 10;
}

.step-design .field-radio .hic-box .hic-image-container.has-image .overlay:hover{
background-color: rgba(61, 22, 112, 0.1);
}

.step-design .field-radio .hic-title h3 {
line-height: 1;
margin-bottom: 0;
}

.step-design .field-radio .hic-content {
padding-top: 0;
padding-bottom: 0;
text-align:center;
justify-content: center;
display: flex;
flex-direction: column;
justify-content: center;
}

.step-design .field-radio .hic-content .hic-button-wrap{
position: relative;
bottom: 0;
margin-bottom:16px;
text-align: center;
}

.step-design .field-radio .hic-content .hic-button-wrap .button{
  margin:0 auto;
}

.step-design .field-radio .hic-box .hic-image-container.has-image .hic-image{
background-size: cover;
width: auto;
transition: all 0.35s ease;
background-position: top;
scale:1;
}

.step-design .field-radio .hic-box .hic-image-container.has-image .hic-image:hover,
.step-design .field-radio .hic-box:hover .hic-image-container.has-image .hic-image{
background-size:108%;
transition: all 0.35s ease;
}

/* END STEP DESIGN */

.addon-list .form-label{
font-size:2em;
margin-bottom:32px;
}

.addon-list .form-label .addon-category-title{
color: #911DFF;
}

.addon-list .addon {
background-color: #F9F5FF;
padding: 32px;
border-radius: 8px;
margin-bottom: 16px;
-webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.16); 
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.16);
}

.addon-list .addon ul {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: space-between;
}

.addon-list ul li {
position: relative;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
max-width:28%;
text-align:left;
display: flex;
}

.addon-list .addon-optional-addons ul li{
background-color: #ffffff;
padding: 16px;
border-radius: 8px;
max-width: 31%;
margin-bottom: 32px;
-webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.16); 
box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.16);
cursor:pointer;
}

.addon-list .addon-optional-addons ul li:hover{
background-color:#3D1670;
-webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.16); 
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.16);
transition: all 0.35s ease;
}

.addon-list .addon-optional-addons ul li:hover label{
color:#911DFF;
}

.addon-list ul li label{
font-size: 1em;
line-height: 1.2em;
margin-bottom:19px;
display: flex;
margin-top: -3px;
color: #3D1670;
cursor:pointer;
}

.addon-list ul li label:hover{
color:#911DFF;
}


.addon-list ul li input[type="checkbox"]{
display: inline-block;
/* Add if not using autoprefixer */
-webkit-appearance: none;
/* Remove most all native input styles */
appearance: none;
/* For iOS < 15 */
background-color: var(--form-background);
/* Not removed via appearance */
margin: 0;
}

.addon-list ul li input[type="checkbox"]:before{
background-image: url("https://signup.hicaliber.com.au/wp-content/uploads/2023/09/hc_su_bullet_purple.png");
width:16px;
min-width:16px;
height:16px;
content: "";
display: inline-block;
margin-right:16px;
background-repeat: no-repeat;
}

.addon-list ul li input[type="checkbox"]:checked:before{
background-image: url("https://signup.hicaliber.com.au/wp-content/uploads/2023/09/hc_su_tick_light_purple.png");
}

.addon-list ul li input[type="checkbox"]:checked ~ div{
color:#911DFF;
}

.addon-list ul li label div{
display: inline-block;
}

.addon-list ul ::marker{
color:transparent;
}

.addon-list ul li:before{

}

/* ----- Copied from old site ------ */

/*


*/


.field-checkbox li,
.field-radio li {
position: relative;
}
.field-checkbox label:before,
.field-radio label:before {
position: relative;
}
input[type=checkbox] + label:before, 
input[type=radio] + label:before {
position: absolute;
left: 0;
top: 9px;
}
.wizard > .content > .body input[type="checkbox"],
.wizard > .content > .body input[type="radio"],
.field-checkbox input, 
.field-radio input {
/*! display: none; */
}

input[type=checkbox] + label, 
input[type=radio] + label {
margin: 0;
padding-left: 28px;
}

.subscription-form .wizard .field-radio input {
display: none;
}

.stepsform .field-radio,
.stepsform .field-radio {    
display: flex;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: center;
}
.stepsform .input_container .grid:not(.grid-x) .field-radio>li {
width: 100%;
}
.stepsform .input_container .field-radio>li {
display: block;
flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
min-height: 0;
min-width: 0;
padding: 0 8px;  
margin-bottom: 20px;
}


/* ----- Actions ----- */

.wizard .actions{
display:flex;
justify-content: center;
}

.wizard .actions ul{
margin-left:0;
}


.wizard .actions ul ::marker{
color:transparent;
}

.wizard .actions ul li{
margin:  0 16px;
}

/* ----- Accessibility code overrides ----- */
.wizard > .steps .current-info,
.tabcontrol > .steps .current-info
{
left: -999em;
position: absolute;
}

.wizard > .content > .title,
.tabcontrol > .content > .title
{
position: absolute;
left: -999em;
}

/* Wizard Steps - End */


/* Wizard - End */

/*-------------------------------------------------------------*/

/* Signup Form Header - Start */

/* Signup Form Header - End */

/*-------------------------------------------------------------*/

/* Pricing Tables - Start */

/* Pricing Tables - End */

/*************************************
!Signup Forms - END
**************************************/