/**
* Theme Name: Ridez Child
* Description: This is a child theme of Ridez, generated by Merlin WP.
* Author: <a href="https://robnety.lv/">Robnety</a>
* Template: ridez
* Version: 1.0.16
*/

.wpcf7 form .wpcf7-response-output {
    margin: 2em 0 1em;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #00a0d2!important;
}

/*
 *========================================================
 * Footer css
 *========================================================
 */
#cfmoto-footer-phone div h3 a {
    color: #0099B9;
}

.scrollup {
    z-index: 9999!important;
}

/*
 *========================================================
 * 404 page css
 *========================================================
 */
.error404 .site-content{
  margin: 0 !important;
  padding: 130px 0 160px;
  background: url("./assets/images/404/404_bg.jpg") no-repeat bottom left;
}

/*
 *========================================================
 * Woocommerce product archive
 *========================================================
 */
 
ul.products li.product .price del {
    margin-left: 5px;
}

.group-action .shop-action .woosc-btn, .group-action .shop-action .woosq-btn, .group-action .shop-action .woosw-btn {
    color: #fff;
    background-color: #0099b9;
}

.group-action .shop-action .woosc-btn:hover, .group-action .shop-action .woosq-btn:hover, .group-action .shop-action .woosw-btn:hover {
    color: #000;
}

/*
 *========================================================
 * Woocommerce single product
 *======================================================== 
 */
 
.single-product.woo-variation-swatches .variable-items-wrapper .color-variable-item {
    border-radius: 0px;
    width: 35px;
    height: 35px;
    padding: 0px;
}

.single-product.woo-variation-swatches .variable-items-wrapper .color-variable-item .variable-item-span {
    border-radius: 0px;
}

.variations .label .woo-selected-variation-item-name {
    display: none!important;
}

.single-product div.product .single_add_to_cart_button {
    padding: 13px 90px;
}

.custom-price-cart-wrapper {
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.single-product div.product .entry-summary .single_add_to_cart_button:before {
    display: none!important;
}

.single-product div.product .woocommerce-product-details__short-description {
    padding-top: 1rem!important;
    border-top: unset!important;
    margin: 0;
}

.cart-btn {
    width: 100%;
}

/*.product_meta {*/
/*    display: none;*/
/*}*/

.single-product .woocommerce-tabs .woocommerce-Tabs-panel {
    padding: 0 70px;
}

.single-product .woocommerce-tabs .woocommerce-Tabs-panel p {
    font-size: 15px;
}

/*.single-product .woocommerce-tabs ul.tabs {*/
/*    background-color: unset;*/
/*    border-bottom: 1px solid var(--e-global-color-border);*/
/*}*/

.single-product .woocommerce-tabs ul.tabs {
    margin: 0 0 25px;
}

.single-product .woocommerce-tabs ul.tabs li.active a {
    color: #000000;
    text-transform: uppercase;
}

.woocommerce-noreviews,
.woocommerce-verification-required {
    background-color: unset;
    color: #000;
    text-align: center;
    border-left: unset;
    padding: 1.3em 1.618em 1em;
}

#reviews .commentlist li .comment_container .comment-text {
    width: unset;
    float: unset;
}

.related > h2:first-child, .upsells > h2:first-child {
    font-size: 18px;
    margin-bottom: 25px;
    text-transform: uppercase;
    list-style: none;
    text-align: center;
    background-color: #f5f5f5;
    padding: 23px;
}

.custom-price-cart-wrapper .price {
    margin: 0 !important;
}

.single-product .woocommerce-tabs ul.tabs li a {
    text-transform: uppercase !important;
    transition: color 0.2s ease-in-out;
    font-size: 18px;
}

.single-product .woocommerce-tabs ul.tabs li a:hover {
    color: #0099b9;
}

.single-product .woocommerce-tabs ul.tabs li.active a {
    border-bottom: 2px solid #0099b9;
}

.single-product .woocommerce-tabs ul.tabs li:not(:first-child) a::before {
    display: none !important;
    content: none !important;
}

.single-product .woocommerce-tabs {
    margin-top: 90px;
}

.single-product div.product .ridez-social-share {
    font-size: 20px;
}

.woocommerce-variation.single_variation {
    padding: 0 20px 0 0;
}

.single-product div.product .single_add_to_cart_button {
    width: auto;
}


@media only screen and (max-width: 1000px) {
    @media (min-width: 768px) {
    .single-product div.product .woocommerce-product-gallery, 
    .single-product div.product .summary {
        width: 100%;
        float: unset;
    }
}
}

@media only screen and (max-width: 767px) {
    .single-product .woocommerce-tabs .woocommerce-Tabs-panel {
        padding: 10px 1rem 0;
    }
}

@media only screen and (max-width: 490px) {
    .single_variation_wrap {
        display: block!important;
    }
    
    .woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
        margin: 20px 0 0;
    }
    .woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled button {
        width: 100%!important;
    }
}



/*
 *========================================================
 * Woocommerce raiting zvaigznes
 *========================================================
 */

.star-rating span::before {
    content: "S S S S S";
    top: 0;
    position: absolute;
    left: 0;
    color: #ffe100;
}

.star-rating::before {
    content: "s s s s s";
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    color: #d1d1d1;
}

/*
 *========================================================
 * Woocommerce variations
 *========================================================
 */

.color-variable-items-wrapper,
.button-variable-items-wrapper {
    display: flex;
    margin: 0 0 10px;
    list-style: none;
    gap: 10px;
}

.single-product div.product p.price + form.cart {
    margin: 0;
}

.color-variable-item-melns {
    background: #000;
}

.color-variable-item-camo {
    background: #575B00;
}

.color-variable-item-peleks {
    background: #808080;
}

.color-variable-item-sarkans {
    background: #EF2B2B;
}

.color-variable-item-zals {
    background: #52664E;
}

.color-variable-item-zils {
    background: #337DBE;
}

.color-variable-item-balts {
    background: #E8E8E8;
}

.color-variable-item-oranza {
    background: #F78B38;
}

.button-variable-item {
    border: 1px solid rgb(241, 243, 243);
    padding: 15px 20px!important;
    display: flex;
    flex: 1 1 0%;
    cursor: pointer;
}

.single-product.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
    box-shadow: unset;
    margin: 0px;
}

.variable-item.color-variable-item.selected {
    border: 4px solid #0099b9 !important;;
}

.button-variable-item.selected {
    background: #f1f3f3;
}

.reset_variations {
    display: none !important;
}

.woocommerce-variation-price {
    font-size: 1.875rem;
    font-weight: 700;
}

.single_variation_wrap {
    border-top: 1px solid hsla(0, 0%, 4%, .2);
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0 0 0;
}

.single_variation .price {
    font-size: 1.875rem!important;
    margin: 0!important;
}

html.no-scroll {
    overflow: hidden;
    height: 100%;
    margin-right: 15px;
}


/*
 *========================================================
 * Woocommerce login/register/Lost-password form
 *========================================================
 */

.woocommerce-form-login .woocommerce-form-login-wrap,
.woocommerce-form-register {
    padding: 10px 2rem 0.5rem;
    background-color: #ffffff; 
    border-radius: 4px;
}

.woocommerce-ResetPassword.lost_reset_password {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding: 6rem 2rem;
    background-color: #ffffff; 
    border-radius: 4px;
}

.woocommerce-form-login, 
.woocommerce-form-register {
    max-width: 400px!important;
}

form.woocommerce-form-login .woocommerce-form-login-wrap {
    padding-bottom: 30px;
}

form.woocommerce-form-login .woocommerce-form-login-wrap {
    margin-bottom: unset;
}

.woocommerce-form-login-wrap .woocommerce-Input,
.woocommerce-form-register .woocommerce-Input,
.woocommerce-form-register .input-text{
    direction: ltr;
    display: block;
    width: 100% !important;
    padding: .7em 1.15em !important;
    font-weight: 400 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    transition: all .15s ease-in-out !important;
    font-size: 14px;
    vertical-align: middle;
    height: 44px !important;
    border: 1px solid #DADCE0 !important;
    box-sizing: border-box;
    box-shadow: none; 
}

.woocommerce-form-login-wrap .woocommerce-form-row,
.woocommerce-form-register .woocommerce-form-row {
    margin: 0 0 0.4em!important;
}

.profile-register-from-title, .profile-login-form-title {
    font-size: 27px!important;
    line-height: 50px!important;
    margin-bottom: 28px!important;
    text-align: center;
}

.login-form-title {
    font-size: 32px!important;
    line-height: 50px!important;
    margin-bottom: 0px!important;
    text-align: center;
}

.small-login-sso {
    margin-bottom: 10px;
}

.woocommerce-form-login .woocommerce-LostPassword a {
    text-decoration: unset!important;
}

.log-reg-text,
.lost_password_message,
.passwd-reset-text {
    text-align: center;
}

.woocommerce-privacy-policy-text {
    font-size: 13px;
}

.woocommerce-ResetPassword.lost_reset_password button[type=submit] {
    display: block;
    width: 100%;
}

.product_list_widget li img {
    object-fit: fill;
}

.woocommerce-ResetPassword.lost_reset_password.sent-true {
    padding: 8rem 2rem!important;
}

@media (max-width: 1000px) {
    .woocommerce-ResetPassword.lost_reset_password.sent-true,
    .woocommerce-ResetPassword.lost_reset_password {
        padding: 10px 2rem!important;
    }
}


/*
 *========================================================
 * WForm fields
 *========================================================
 */
.wpcf7-text,
input[type=number], 
input[type=email], 
input[type=tel], 
input[type=url], 
input[type=password], 
input[type=search],
.input-text {
    display: block;
    width: 100% !important;
    padding: .7em 1.15em !important;
    font-weight: 400 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    transition: all .15s ease-in-out !important;
    font-size: 14px;
    vertical-align: middle;
    height: 44px !important;
    border: 1px solid #DADCE0 !important;
    box-sizing: border-box;
    box-shadow: none;
}

textarea {
    display: block;
    width: 100% !important;
    padding: .7em 1.15em !important;
    font-weight: 400 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    transition: all .15s ease-in-out !important;
    font-size: 14px;
    vertical-align: middle;
    border: 1px solid #DADCE0 !important;
    box-sizing: border-box;
    box-shadow: none;
}

.woocommerce-product-search button {
    padding: 0rem 2.5em!important;
}


/*
 *========================================================
 * BLOG style
 *========================================================
 */
.blog-style-list .post-thumbnail img {
    object-fit: fill;
    object-position: unset;
    min-height: unset;
}

input.search-field {
    height: 100%!important;
}


/*
 *========================================================
 * Profile lapa
 *========================================================
 */
.dashboard-adv {
    margin: 0 0 20px;
}
.support-info p {
    font-size: 18px;
    margin-top: 20px;
}


/*
 *========================================================
 * Profila lapas SSO
 *========================================================
 */
.heateor_sl_outer_login_container {
    margin: 40px 0;
}

.profile-sso ul.heateor_sl_login_ul li {
    width: 50%!important;
}

.profile-sso .heateor_sl_login_ul li i {
    width: 100%;
}

.heateorSlGoogleLoginSvg {
    background-size: unset !important;
}

.profile-sso .sign-in-seperator {
    text-align: center;
    color: #969696;
    position: relative;
    margin: 30px 0 20px;
}

.profile-sso .sign-in-seperator span {
    background: #fff;
    z-index: 1;
    position: relative;
    padding: 0 10px;
    font-size: 14px;
    color: var(--e-global-color-secondary);
}

.profile-sso .sign-in-seperator:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #d6d6d6;
    left: 0;
    top: 50%;
    z-index: 0;
}