/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */


/*header CSS*/

.gglcptch.gglcptch_v3{
    display: none;
}
body {
    background-color: #111111;
}
body a{
    cursor: unset; !important;
}
#mobile-dropdown{
    top: 0px !important;
    width: 70%;
    position: fixed;
    max-height: unset;
    z-index: 1;
    /*height: 100vh;*/
}
nav.clr{
        padding-top: 75px;
        height:  100vh;
}
.oceanwp-mobile-menu-icon a, .hamburger{
    cursor: none !important;
}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
    width: 25px !important;
    }

.hamburger--3dx.is-active .hamburger-inner::after {
        top: 4px;
    left: -2px;
}
.hamburger--3dx.is-active .hamburger-inner::before{ top: -10px;
    left: -3px; }
.hamburger-box{
    width: 30px !important;
    height: 30px !important;
    }
.hamburger--3dx.is-active .hamburger-box{
    background-color: #000;
    /*border-radius: 50px;*/
    width: 30px;
    height: 30px;
    /*position: absolute;*/
    /*top: 0px;*/
}
#mobile-dropdown ul{
    border-top: 1px solid #E2E4E5;
}
#mobile-dropdown ul li {
    border-bottom: 0px solid transparent !important;
}

.user-profile, .sidr-class-user-profile{
    position: absolute;
    top: 15px;
    right: 20px;
    text-align: center;
}
.user-profile .user-profile-det img, .sidr-class-user-profile .sidr-class-user-profile-det img{
    width: 30px;
    height: 30px;
    border-radius: 50px;
}
.user-profile .user-profile-det p, .sidr-class-user-profile .sidr-class-user-profile-det p{
    color: #000;
}
a.sidr-class-toggle-sidr-close{
    height: 80px;
    background-color: transparent !important;
}
a.sidr-class-toggle-sidr-close i {
    font-size: 30px;
}
.sidr-class-icon.icon-close:before{
content:  '' !important;
background: url(https://metawebs.com.au/evic-app/wp-content/uploads/2024/10/menu-close-btn.png)no-repeat;
width: 30px;
height: 30px;
position: absolute;
display: block;
top: 20px;
left: 24px;
}
.mobile-menu.opened .hamburger-box{
    position: fixed;
    top: 15px;
}

/* Search page */
div#products{ color: #fff;}
.searchbox-label {  text-align: center; color: #fff; margin: 17px 0 0; }
.searchbox-label label{ font-weight: 600; }
div#searchbox {
    text-align: center;
    position: relative;
    width: 80%;
    margin: 0 auto;

}
div#searchbox input#search {
    width: 100%;
    border-radius: 8px;
    padding: 11px 12px;
    position: relative;
}
#colourboxboxSearch {
    position: absolute;
    right: 13%;
    top: 20px;
}
.product_label {
    color: #fff;
    text-align: center;
}
.product_label a ,div#formula_section span#pref2 a{
    color: #ff671f;
}

div#searchbox img {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 32px;
    right: 10px;
}

/*30-08-2024 new style*/


/*Footer style start*/
.footer-widget img{ width: auto !important; }
#footer-widgets .footer-box{ text-align: center; margin-bottom: 0px; }
.footer-box .wp-block-image { margin: 0 0 0em; }
#footer-widgets { border-top: 1px solid #FDB91A; background-color: transparent; padding: 10px 0px;}
#footer-widgets .footer-box #block-7 a, #footer-widgets .footer-box #block-8 a, #footer-widgets .footer-box #block-9 a, #footer-widgets .footer-box #block-10 a{
    display: block;
}
#footer-widgets .footer-box #block-7 a:hover, #footer-widgets .footer-box #block-8 a:hover, #footer-widgets .footer-box #block-9 a:hover, #footer-widgets .footer-box #block-10 a:hover{
    position: relative;
    display: inline-block;
}
#footer-widgets .footer-box #block-7 a:hover img, #footer-widgets .footer-box #block-8 a:hover img, #footer-widgets .footer-box #block-9 a:hover img,#footer-widgets .footer-box #block-10 a:hover img{
    opacity: 0;
}
#footer-widgets .footer-box ul li i:before{
    content: '' !important;
    display: block;
    background-size: 100%;
    width: 24px;
    height: 24px;
}
#footer-widgets .footer-box ul li .fa-home:before{
    background:  url(https://metawebs.com.au/evic-app/wp-content/uploads/2024/08/home-white-icon.png)no-repeat;
}
#footer-widgets .footer-box ul li:hover .fa-home:before{
    background:  url(https://metawebs.com.au/evic-app/wp-content/uploads/2024/08/home-icon.png)no-repeat;
}
#footer-widgets .footer-box ul li .fa-star-o:before{
    background:  url(https://metawebs.com.au/evic-app/wp-content/uploads/2024/08/star-icon.png)no-repeat;
}
#footer-widgets .footer-box ul li:hover .fa-star-o:before{
    background:  url(https://metawebs.com.au/evic-app/wp-content/uploads/2024/08/star-icon1.png)no-repeat;
}
#footer-widgets .footer-box ul li .fa-clock-o:before{
    background:  url(https://metawebs.com.au/evic-app/wp-content/uploads/2024/08/clock-icon.png)no-repeat;
}
#footer-widgets .footer-box ul li:hover .fa-clock-o:before{
    background:  url(https://metawebs.com.au/evic-app/wp-content/uploads/2024/08/clock-icon1.png)no-repeat;
}
#footer-widgets .footer-box ul li .fa-cog:before{
    background:  url(https://metawebs.com.au/evic-app/wp-content/uploads/2024/08/setting-icon.png)no-repeat;
}
#footer-widgets .footer-box ul li:hover .fa-cog:before{
    background:  url(https://metawebs.com.au/evic-app/wp-content/uploads/2024/08/setting-icon1.png)no-repeat;
}
#footer-widgets .footer-box ul li .fa-plus-square-o:before{
    background:  url(https://metawebs.com.au/evic-app/wp-content/uploads/2024/09/add-home-white-icon.png)no-repeat;
}
#footer-widgets .footer-box ul li:hover .fa-plus-square-o:before{
    background:  url(https://metawebs.com.au/evic-app/wp-content/uploads/2024/09/add-home-icon.png)no-repeat;
}
/*#footer-widgets .footer-box .footer-widget ul li{
    float: left;
    width: 20%;
}*/
#footer-widgets .footer-box .footer-widget ul{
    display: flex;
    justify-content: space-between;
}
.site-footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background-color: #111111;
    z-index: 9;
}
#main {
    margin-bottom: 60px;
}
/*Footer style end*/

/*Header style start*/
#site-header-inner{
    display: flex;
    vertical-align: middle;
    align-items: center;
    height: auto;
    padding-top: 5px;
}
.oceanwp-mobile-menu-icon{ width: 33%; z-index: 999;}
#site-logo{ width: 33%; position: unset !important; transform: unset !important; text-align: center; height: auto;}
.header-noti{ width: 33%; text-align: right; }
.header-noti a{ color: #fff; font-size: 16px; }
#site-logo #site-logo-inner{ display: block; height: auto; }
a:focus { outline: solid 0px !important; }
/*Header style end*/

/*account page style start*/
.page-template-myaccount-page-template, .page-template-lost-password-page-template, .page-template-reset-password-page-template{
    text-align: center;
    height: 100vh;
    background: url(https://metawebs.com.au/evic-app/wp-content/uploads/2024/09/login-bg.png)no-repeat;
    background-size: cover;
    background-position: center;
}
.page-template-myaccount-page-template #outer-wrap, .page-template-lost-password-page-template #outer-wrap, .page-template-reset-password-page-template #outer-wrap{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    margin: 0 auto;
}
.my-accouy-pg{
    background-color: #ffffff6e;
    padding: 30px;
    border: 1px solid #fff;
    border-radius: 5px;  
}
.my-accouy-pg p{ position: relative; }
.my-accouy-pg img{ position: absolute; right: 15px; top: 13px; }
.forgetmenot{
    text-align: left;
}
.my-accouy-pg .forgetmenot #rememberme{ height: 16px !important; padding: 0px; }
.my-accouy-pg input.input{
    width: 100%;
    padding: 20px 20px;
    border-radius: 30px;
    color: #fff !important;
    background-color: transparent;
    border: 1px solid #fff;
}
.my-accouy-pg input::placeholder{
    color: #fff;
}
.my-accouy-pg button {
    width: 80%;
    background-color: #fff !important;
    color: #000 !important;
    font-size: 15px;
    font-weight: 700;
    text-transform: capitalize;
    border-radius: 30px;
}
.my-accouy-pg button:hover{
     color: #000;
     background-color: #fa980b;
}
.evic-login-logo{
    margin-bottom: 50px;
}
.my-accouy-pg h1{
    font-size: 21px;
    font-weight: 700;
    color: #fff;
}
input:focus-visible {
  border: 0px;
  outline: none;
}
.form_loading.loading{
    background: url('https://metawebs.com.au/evic-app/wp-content/uploads/2024/09/ZKZg.gif')no-repeat;
    background-size: contain;
    background-position: center;
    width: 30px;
    height: 30px;
    text-align: center;
        margin: 0 auto;
}
.validation_responce{
    color: #ff0000;
    font-size: 16px;
}
.validation_responce.success{
    color: #007f05;
    font-weight: 600;
}
.validation_responce.success a{
    display: block;
}
#password-strength-tips p{
    margin-bottom: 0px;
}
/*account page style end*/

/*Search page style start*/
/*.searchbox-label label{  }*/
/*Search page style end*/

/*Media query style*/
@media only screen and (max-width: 959px){   
body .oceanwp-row .span_1_of_4 { width: 25% !important; }
.footer-widgets-inner.container{ display: flex; vertical-align: middle; align-items: center; }
header#site-header {
    background-color: #111111;
    background: url(../../uploads/2024/07/header-background.png);
    background-position: center;
    background-size: auto;
    height: 118px;
}
}

/* History page */
.header_title h1 { text-align: center; color: #fff; font-size: 14px;  margin: 8px 0px; font-family: "roboto", sans-serif !important; font-weight: 600; }
div#wrap { color: #fff; }
.page-wrapper { width: 90%; margin: 0 auto; }
form#form_search input#keyword { background-color: #fff; color: #000; font-size: 14px; font-weight: 500; }
form#form_search input#keyword::placeholder { color: #000; font-size: 14px; font-weight: 500;}
.search-tags { text-align: center; font-size: 11px; margin: 6px 0; }
div#content-job-wrap { width: 100%; }
div#content-job-wrap .histy-wrapper { width: 49%; display: inline-grid; margin-bottom: 15px; }
/*div#content-job-wrap .histy-wrapper:nth-child(even) { float: right; }*/
.entry-image div { width: 100%; height: 100px; border-radius: 7px; border: 1px solid #dfdfdf; }
.page-template-search-page-template .lightbox_container{ display: block; }
.page-template-search-page-template .finish_form_cont label{ color: #000; }
.page-template-page-xtint-history #form_search input{ margin-bottom: 30px; border-radius: 7px; }
.page-template-page-xtint-history #form_search input::placeholder{ color: #fff; }
.page-template-page-xtint-history body{ font-family: "roboto", sans-serif !important; } 
.page-template-page-xtint-history .header_title h1, .page-template-page-xtint-history-detail .header_title h1{ font-family: "roboto", sans-serif !important; font-size: 14px; font-weight: 600; }
#colour_details{ display: flex; vertical-align: middle; justify-content: space-between; align-items: center; color: #8E8E8E; font-size: 12px; font-family: 'roboto', sans-serif; }
.page-template-search-page-template{ background-image: url(https://metawebs.com.au/evic-app/wp-content/uploads/2024/09/evic-logo-wm.png); background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: contain; height: 100%; width: 100%; }
select, input:not(.label1,.label2) {border-radius: 8px; background-color: #fff;  height: 40px !important; padding-left: 10px; color: #000}

/*fav page*/
ul#sortdate ,ul#sortname{
    position: absolute;
    background: #fff;
    list-style: none;
    margin: 0;
    border-radius: 8px;
    height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
    color: #000;
    top: 95px;
    width: 100%;
    z-index: 9;
    padding: 20px;
}
ul#sortdate::-webkit-scrollbar-track, ul#sortname::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

ul#sortdate::-webkit-scrollbar, ul#sortname::-webkit-scrollbar
{
    width: 0px;
    background-color: #F5F5F5;
}

ul#sortdate::-webkit-scrollbar-thumb, ul#sortname::-webkit-scrollbar-thumb
{
    background-color: #000000;
}
ul#sortdate li ,ul#sortname li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 4px 10px;
    width: 90%;
}
.xtintfavlist {
    margin-left: 13px;
}
ul#sortdate li a , ul#sortname li a {
    color: #000000;
    width: 90%;
}
div#fav-sortdiv {
    display: flex;
    justify-content: space-evenly;
    margin-top: 10px;
}
div#fav-filter{
    position: relative;
    /*display: flex;*/
    justify-content: center;
}
div#fav-filter img{
    position: absolute;
    width: 10px;
    right: 10px;
    top: 20px;
}
div#fav-filter input{
    width: 100%;
    padding: 15px 10px;
    height: auto !important;
    border: 0px;
    font-family: roboto, sans-serif;
}
div#fav-filter input::placeholder{
    font-size: 14px;
    color: #000;
}
div#formulaHeader {
    display: flex;
    justify-content: space-between;
    vertical-align: middle;
    align-items: center;
}
#formulaDetails #colourName{
    display: flex;
    flex-direction: column-reverse;
}
.saveNewFormula {
    display: none;
    font-size: 80%;
    width: 150px;
    float: left;
    height: 40px;
    text-align: center;
    color: rgb(255, 255, 255);
    background-color: #fa980b;
    padding: 10px 10px 10px;
    cursor: pointer;
    font-weight: bold;
    border-radius: 7px;
}
.search-popup-icons{
    width: 16%;
}
.cart_list_btn{
    display: flex; vertical-align: middle;
    align-items: center;
    justify-content: space-between;
}

.dropdown-select {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40FFFFFF', endColorstr='#00FFFFFF', GradientType=0);
    background-color: #fff;
    border-radius: 6px;
    border: solid 1px #eee;
    box-shadow: 0px 2px 5px 0px rgba(155, 155, 155, 0.5);
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
    color: #000;

}

.dropdown-select:focus {
    background-color: #fff;
}

.dropdown-select:hover {
    background-color: #fff;
}

.dropdown-select:active,
.dropdown-select.open {
    background-color: #fff !important;
    border-color: #bbb;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) inset;
}

.dropdown-select:after {
    height: 0;
    width: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #777;
    -webkit-transform: origin(50% 20%);
    transform: origin(50% 20%);
    transition: all 0.125s ease-in-out;
    content: '';
    display: block;
    margin-top: -2px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%;
}

.dropdown-select.open:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.dropdown-select.open .list {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
}

.dropdown-select.open .option {
    cursor: pointer;
}

.dropdown-select.wide {
    width: 100%;
}

.dropdown-select.wide .list {
    left: 0 !important;
    right: 0 !important;
}

.dropdown-select .list {
    box-sizing: border-box;
    transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
    background-color: #fff;
    border-radius: 6px;
    margin-top: 4px;
    padding: 3px 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    max-height: 250px;
    overflow: auto;
    border: 1px solid #ddd;
    
}

.dropdown-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}
.dropdown-select .dd-search{
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0.5rem;
}

.dropdown-select .dd-searchbox{
  width:90%;
  padding:0.5rem;
  border-bottom:1px solid #d7d7d7 !important;
  border-radius:0px;
  outline:none;
  border: none;
}
.dropdown-select .dd-searchbox:focus{
  border-color:#12CBC4;
}

.dropdown-select .list ul {
    padding: 0;
}

.dropdown-select .option {
    cursor: default;
    font-weight: 400;
    line-height: 32px;
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    transition: all 0.2s;
    list-style: none;
    border: 1px solid #fff;
    margin-bottom: 5px;
}

.dropdown-select .option:hover,
.dropdown-select .option:focus {
    border: 1px solid #000;
    border-radius: 5px;

}

.dropdown-select .option.selected {
    border: 1px solid #000;
    border-radius: 5px;
}

.dropdown-select .option.selected:focus {
    border: 1px solid #000;
    border-radius: 5px;
}

.dropdown-select a {
    color: #aaa;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.dropdown-select a:hover {
    color: #666;
}
.dropdown-select.open .list::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.dropdown-select.open .list::-webkit-scrollbar
{
    width: 0px;
    background-color: #F5F5F5;
}

.dropdown-select.open .list::-webkit-scrollbar-thumb
{
    background-color: #000000;
}
.dropdown-select.open .list ul{
    margin: 10px;
}
/*New style 11-09-2024*/
/*Favourities style start*/
.fav-text p{
    text-align: center;
    margin-bottom: 0px;
    font-size: 12px;
}
.favright{ margin: 20px 0px; text-align: center; font-size: 12px; font-weight: 500;}
#showfavformula{ background-color: #494949; padding: 10px 10px; border-radius: 5px; }
.page-template-page-xtint-history-detail #showfavformula{ background-color: transparent;}
.favright a{ text-decoration: underline; }
.fav-widget #fav-filter, .fav-widget #fav-sortdiv{ width: 100%; margin-bottom: 15px; }
#showfavformula.hide{ background-color: transparent; }
div.favsort { display: flex; vertical-align: middle; align-items: center;}
.basetinter_section .circlecolour{ width: 22px; height: 22px; }
/*Favourities style end*/

/*App install popup style start*/
.adhs-container .adhs-modal .adhs-button{
    background-color: #FA980B;
}
.adhs-container.adhs-desktop-chrome .adhs-modal .adhs-blurb {
    text-align: center;
}
/*App install popup style end*/

/*popup style start*/
.product-zoom-lightbox .mfp-container{
    padding-left: 0px;
    padding-right: 0px;

}
.product-zoom-lightbox{
overflow: hidden !important;
top: 0px !important;
    position: fixed !important;
    height: 100% !important;
    bottom: 0px;
}
.mfp-close-btn-in .mfp-close {
    color: #ffffff;
}
/*popup style end*/
.mfp-hide.my-mfp-zoom-in.lightbox-white.active{
        display: block !important;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
}


/*PDF file style*/
.pdf_list li{
    list-style: none;
    
}
.pdf_list{
    margin: 0px;
}
ul.pdf_list li a:before {
  content: "\f1c1";
  font: normal normal normal 14px / 1 FontAwesome;
  position: absolute;
  color: #fff;
  height: 100%;
  transition: 0.5s;
  right: 10px;
  top: 14px;
  font-size: 20px;
}
ul.pdf_list li a{
    text-decoration: none !important;
    position: relative;
    z-index: 1;
    transition: 0.5s;
    padding: 10px;
    background: #333;
    margin-bottom: 5px;
    border-radius: 5px;
    display: block;
}
.elementor-form .err-msg{
    color: #ff0f0f;
}
.section.mixgroup.aligncenter a{
    color: #ff671f !important;
}
.page-template-program-settings-page-template h2, .page-template-program-settings-page-template h3, .page-template-program-settings-page-template h4, .page-template-program-settings-page-template h5, .page-template-program-settings-page-template h6{
    color: #fff;
}
#units_grams_wrap fieldset, #calculator_wrap fieldset, #label_size_wrap fieldset{ 
    display: flex;
    vertical-align: middle;
    align-items: center;
}
#units_grams_wrap fieldset label, #calculator_wrap fieldset label, #label_size_wrap fieldset label{
    margin-left: 10px;
    margin-bottom: 0px;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #fa980b;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
select.select_program_settings {
    background: #fff;
    color: #000;
    border-radius: 5px;
}
#submit_program_settings{
    color:  #fff;
    border-radius: 30px;
}

.list::-webkit-scrollbar {
  width: 10px;
}
.list::-webkit-scrollbar:horizontal {
  height: 2px;
}
.list::-webkit-scrollbar-track {
  background-color: rgba(204, 204, 204, 0.3);
}
.list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(204, 204, 204, 0.5);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.program-flex{
    display: flex;
    vertical-align: middle;
    align-items: center;
    margin: 10px 0px;
}
.program-flex h4{
    margin-bottom: 0px;
}
.page-template h1.adhs-install-app{
    color: #000 !important;
}
/*media query style*/
@media only screen and (max-width: 420px){
    .save_button_actions .actionbuttons p{
        font-size: 8px !important;
    }
}