/* Insert Front End CSS Properties */







/* Ninja Forms */







.nf-form-content label {



    font-size: 16px;



    line-height: 20px;



}







.nf-field-label label {



    font-weight: 400 !important;



    margin: 0;



    padding: 0;



}







.listradio-wrap li label {



font-weight: 400 !important;



}







.nf-form-fields-required {



font-style: italic;



}







hr {



    border-top: 1px solid currentColor;



    opacity: .5;



    margin-top: 20px !important;



    margin-bottom: 20px !important;



}







.nf-field-element .button {



padding: 0 1.2em !important;



}











/* Ninja Forms File Upload */







.file_upload-wrap {



padding: 14px 14px 1px 14px;



    border: 1px solid #dbdbdb;



}







.nf-fu-fileinput-button {



text-rendering: optimizeLegibility;



    background-color: transparent;



    border: 1px solid transparent;



    border-radius: 0;



    box-sizing: border-box;



    color: currentColor;



    cursor: pointer;



    display: inline-block;



    font-size: .97em;



    font-weight: bolder;



    letter-spacing: .03em;



    line-height: 2.4em;



    margin-right: 1em;



    margin-top: 0;



    max-width: 100%;



    min-height: 2.5em;



    padding: 0 1.2em;



    position: relative;



    text-align: center;



    text-decoration: none;



    text-shadow: none;



    text-transform: uppercase;



    transition: transform .3s,border .3s,background .3s,box-shadow .3s,opacity .3s,color .3s;



    color: white;



    background-color:  var(--primary-color);



}















/* Effects ----------------------------------------------------------------------  */











.round-corners-all div{



border-radius: 15px 15px 15px 15px !important;



}







.gradient-background {



background: linear-gradient(to left, rgb(0, 0, 0, 0), rgb(255, 255, 255, 1));



}







.gradient-background-down {



background: linear-gradient(to top, rgb(0, 0, 0, 0), rgb(255, 255, 255, 1));



}











/* Clip Paths */







.circle-ics{



    clip-path: circle(50% at 50% 50%);



    border-radius: 50%;



}











/* General Styling ---------------------------------------------------  */







/* Sliders */







.flickity-page-dots {



bottom: -28px !important;



}















/* Flatsome Lightbox */







.mfp-close {



    mix-blend-mode: unset !important;



}











/* Fix Video Display Issues */







.video-fit{



padding: 0px !important



}







.video-fit p{



padding-top: 56.25% !important



}















/* Tabs ---------------------------------------------------  */







/* Remove Capitalisation from title */







.tabbed-content .uppercase{



text-transform: none;



}











/* Add better spacing between tab titles */







.entry-content ol li.tab, .entry-summary ol li.tab, .col-inner ol li.tab, .entry-content ul li.tab, .entry-summary ul li.tab, .col-inner ul li.tab {



    margin-left: 20px;



}















/* Header / Menus ---------------------------------------------------  */







.tooltip span{



font-size: 24px !important;



font-weight: bold;



}







/* Fonts */







h1, h2, h3 {



letter-spacing: -.2px !important;



}







h4 {



font-weight: 100 !important;



}







.alt-font {



    opacity: 0.6;



    font-size: 1.1em;



    letter-spacing: 0.2em;



    margin-bottom: 25px;



}















body, h1, h2, h3, h4, h5, h6, p, a {



    text-rendering: optimizeLegibility !important;



    -webkit-font-smoothing: antialiased !important;



    -moz-osx-font-smoothing: grayscale !important;



    -moz-font-feature-settings: 'liga'on !important;



    text-shadow: rgba(0, 0, 0, .01) 0 0 1px !important;



}







.text-shadow-5 span {



    text-shadow: 2px 2px 25px black;



}















/* Scroll Bars */







::-webkit-scrollbar-track



{



	border: 3px solid white;



	// border color does not support transparent on scrollbar



	// border-color: transparent;



	background-color: black;



}







::-webkit-scrollbar



{



	width: 10px;



	background-color: var(--primary-color);







}







::-webkit-scrollbar-thumb



{



	background-color: var(--primary-color);



	border-radius: 10px;



}







/* SVGs Global Colour */







.icon-inner svg path {



fill: var(--primary-color) !important;



}







/* Check Injector */







/* ---------- namespace ---------- */



  .ics-ccf-form {             /* root */



    --ics-ccf-border: #dcdcdc;



    --ics-ccf-cvc-icon: #6c6c6c;



    max-width: 480px;



    margin: 2rem auto;



    font-family: system-ui, sans-serif;



  }







  /* ---------- base elements ---------- */



  .ics-ccf-label {



    display: block;



    font-size: 0.9rem;



    margin: 0.75rem 0 0.25rem;



    color: #555;



  }







  .ics-ccf-input {



    width: 100%;



    border: 1px solid var(--ics-ccf-border);



    border-radius: 6px;



  }







  /* ---------- card number field ---------- */



  .ics-ccf-card-wrap {



    position: relative;



  }







  .ics-ccf-card-input {



    padding: 1rem 5rem 1rem 1rem;



    font-size: 1.2rem;



  }







  .ics-ccf-icons {



    position: absolute;



    right: 0.5rem;



    top: 35%;



    transform: translateY(-50%);



    display: flex;



    gap: 0.4rem;



  }







  .ics-ccf-icon-img {



    height: 15px;



    width: auto;



  }







  /* ---------- expiry + cvc ---------- */



  .ics-ccf-row {



    display: flex;



    gap: 1rem;



  }







  .ics-ccf-field {



    flex: 1;



  }







  .ics-ccf-expiry-input,



  .ics-ccf-cvc-input {



    padding: 0.75rem 1rem;



    font-size: 1rem;



  }







  /* ---------- cvc icon ---------- */



  .ics-ccf-cvc-wrap {



    position: relative;



  }







  .ics-ccf-cvc-svg {



    position: absolute;



    right: 0.5rem;



    top: 62%;



    transform: translateY(-50%);



    width: 30px;



    height: 20px;



    fill: var(--ics-ccf-cvc-icon);



  }







  button#check-place_order {



    font-size: 1.2em;



    line-height: 1.2;



    margin-right: 0;



    padding-bottom: .5em;



    padding-top: .5em;



    white-space: normal;



    width: 100%;



}







.payment_method_stripe, .payment_method_fkwcs_stripe, #place_order, .check-error-msg {



  display: none;



}







.class-ics-add {



  display: block !important;



}



.class-ics-remove {



  display: none !important;



}







.check-error-msg {



    font-weight: 500 !important;



    color: red !important;



    text-transform: none !important;







}