/* 
Theme Name: gelaenderxpress
Theme URI: https://voolia.ch
Description: Custom Gelaenderxpress Theme
Author: Notarmon Buchli
Author URI: https://voolia.ch/
Template: hello-elementor
Version: 2.2.3
Text Domain: gxpress
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */



:root {
    --gx_red: #B31F23;
    --gx_redHover: #bc392f;
    --gx_white: #ffffff;
    --gx_black: #000000;
    --gx_green: #060;

    
  }


.entry-title a{

    color: var(--nv-primary-accent);
}

#header-grid{

    box-shadow: 0 0 15px 1px rgb(0 0 0 / 15%);
    background-color: var(--gx_white);
}

.hfg_header .header--row {

    background-color: var(--gx_white);
    margin: 10px;

}   

.header-top-inner{

    height: 30px;
}

.page_header-top-inner .container{
    margin-right: 0px;
    margin-left: 0px;
}

.page_header-top-inner .col-12{
    padding-right: 0px;
    padding-left: 0px;
}

.page_header-top-inner .builder-item{
    margin-top: 0px;
}



.entry-title a:hover{

    color: var(--nv-dark-bg);

}

.nav-menu-primary .sub-menu {
	background-color: #000 !important;
    color: var(--gx_white);
    font-size: 15px;
}

.nav-menu-primary .sub-menu li a {
	
    color: white !important;
}

/********************/
/* footer settings */
/*******************/

.gxpress_footer_link{

    color: var(--gx_red);
}

.gxpress_footer_link:hover{

    color: var(--gx_red);
}

.scroll-to-top{
    color: var(--gx_white) !important;
}

/*****************/
/* shop settings */
/*****************/

form.cart {
    display: block !important;
}


/*****************/
/* center ratings */
/*****************/
.gxpress_centerRating{
    text-align: center;
}



/****************************/
/* RENTAL PRODUCTS STYLING */
/***************************/


.litepicker .month-item-header .button-next-month, 
.litepicker .month-item-header .button-previous-month,
.litepicker .month-item-header .reset-button  {

    padding: 0 !important;
    background-color: unset !important;
    color: #B31F23 !important;


}

.litepicker .month-item-header .button-next-month{

    margin-left: 0 !important;
}

.litepicker .month-item-header .button-previous-month{

    margin-right: 0 !important;
}

.litepicker .month-item-header .reset-button {

    margin-right: 25px !important;
}

.litepicker .month-item-header .button-next-month svg{

}





/****************/
/* Form styling */
/****************/

/*remove input field border*/

.gx_noBorder input{

    border-style: hidden;
    outline: none;
}


.gx_gf_mm .gx_gf_unit{
    background: #ededed;
    border-radius: 2px;
    padding: 12px;
    font-weight:bold;
    color:rgb(97, 96, 96);
}


/* RAL DROP DOWN */

.gx_gf_ral_parent div input{
    width: calc(50% - 16px / 2) !important;
}


li.gx_ral_drop-down_list{
    display: inline-flex;
    width: 100%;
}

.gx_ral_drop-down .gx_ral_options{
    display: none;
    width: calc(50% - 16px / 2);
    height: 200px;
    overflow: scroll;

}

.gx_ral_drop-down_color_box{
    
    width: 100px; 
    height:25px; 
    padding: 2px; 
    margin-right: 5px;

}


/* Chrome, Safari, Edge, Opera */
.gx_gf_length input::-webkit-outer-spin-button,
.gx_gf_length input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.gx_gf_length input[type=number] {
  -moz-appearance: textfield;
}




/* make calculated price bold*/
.gx_priceBold{
    /* color: var(--gx_black) !important; */
    font-weight: 700;
}

.gx_priceBoldGreen .ginput_product_price{
    color: var(--gx_green) !important;
    font-weight: 700;
}


.gform_wrapper .gx_gf_section_titel span{

    background-image: url(assets/prod_bg.svg);
    background-repeat: no-repeat;
    background-size: 35px;
    padding: 4px 0 0 2px;
    font-size: 18px;
    font-weight: bold;
    color: white;
    position: absolute;
    text-align: center;
    width: 35px;
    height: 35px;


}

.gform_wrapper .gx_gf_section_titel h2{

	font-weight: 700;
	font-size: 1.25em;
	line-height: 35px;
	padding-left: 40px;
}

.gform_wrapper .gx_gf_h2_titel h2{

	font-weight: 700;
	font-size: 1.25em;
	line-height: 35px;
}

/* length input field description*/
.gform_wrapper .gx_gf_length div.gfield_description{
    width: calc(50% - 8px);
	padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 5px;
    color: var(--gx_red);
    border: 1px solid var(--gx_red);
}

/* length input fields colors and border*/
.gform_wrapper .gx_gf_input_blue input{
	border: 3px solid #01b1ed;
	border-radius: 4px;
	
}

.gform_wrapper .gx_gf_input_yellow input{

	border: 3px solid #ffca03;
	border-radius: 4px;

}

.gform_wrapper .gx_gf_input_green input{

	border: 3px solid #548533;
	border-radius: 4px;

}

/* selected images border*/
.image-choices-field .image-choices-choice-selected {
    border-color: var(--gx_red) !important;
}


/* image radio buttos */
.gform_wrapper span.color-picker-swatch-text-prefix{
    display: none;
}


.gform_wrapper .color-picker-swatch-color i{

	display: none;
}


.gform_wrapper li.image-choices-choice-selected label{

	border: 3px solid #f44336; 
}

.gform_wrapper .image-choices-field .image-choices-choice label{

	border: 0px solid #f44336;
}

.gform_wrapper li.image-choices-field .image-choices-choice-selected{

	border-color: #f44336;
	border-style: solid;


}

.gform_wrapper li.image-choices-field .image-choices-choice-selected label{

	border-color: #fff;
	border-style: solid;
}

/*remove bullet on hidden field */
.gform_wrapper .gform_hidden{

    list-style-type: none;
}




/* SAVE AND CONTINUE */


.gx_save_box{

    background-color: var(--e-global-color-48e880c);
    padding: 20px;
    margin-bottom: 25px;
}

.gx_save_box .form_saved_message_emailform{

    display: flex;
}

.gx_save_box input[type=text]{

    width: 300px !important;
}


.gx_save_box input[type=submit]{

    color: black !important;
    background-color: var(--e-global-color-d0423a2) !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: var(--e-global-color-f8ada54) !important;
    border-radius: 0 !important;
    padding: 6px 32px !important;
    margin-top: 5px;
}

.gx_save_box input[type=submit]:hover{

    background-color: var(--e-global-color-9d88443) !important;
    color: white !important;
    border-color: var(--e-global-color-9d88443) !important;
}


/* GLAS DRUCK PREVIEW */

.gform_wrapper .gx_fileUpload{

    width: 600px;
}

li.filepond--item{

    height: 500px;
}

.filepond--image-preview{

    /* background: lightblue url("test.png") no-repeat fixed center !important; */
    background: lightblue url('assets/glas_bg_image_front_double.png') no-repeat center !important; 
    background-position: 32px 5px !important;
}


.filepond--image-canvas-wrapper{
    transform: perspective(125em) rotateY(-36.5deg) rotateZ(-3deg) rotateX(3deg) translate(0px, 2px) scale(26%) !important;
    transform-origin: 0% 0% !important;
    margin-top: 62px;
    margin-left: 0;
    opacity: 0.75; 

    opacity: 0.75;

    display: none;


}

.filepond--image-clip{

    width: 405px !important;
    height: 125px !important;
}

#gx_secondImg{
    display: flex;
    flex-direction: row;
}

#gx_left_img{
    /*transform: perspective(125em) rotateY(-42deg) rotateZ(-3deg) rotateX(3deg) translate(0px, 0px) scale(90%) !important;
    transform-origin: 0% 0% !important;
    opacity: 0.75;
    margin-top: 55px;
    */
    margin-top: 0;
    opacity: 0.8;
    object-fit: cover;
    
}
#gx_right_img{
    /*
    transform: perspective(125em) rotateY(-26deg) rotateZ(-3deg) rotateX(3deg) translate(-45px, 40px) scale(120%) !important;
    transform-origin: 6% 0% !important;
    opacity: 0.75;
    */
    margin-top: 0;
    margin-left: 15px;
    opacity: 0.8;
    object-fit: cover;
    
}



/* ADD TO CART BUTTON*/

.single_add_to_cart_button{
    padding: 12px 60px;
    height: 60px;
    width: 275px;
    background-color: var(--gx_red) !important;

}

.woocommerce div.product {

    width: 100%;
}




/*  Collapsible  SECTIONS */

.gx_SectionTitle{
    background-color: #f1f1f1;
    border-radius: 3px;
    border-bottom: 0 solid #f1f1f1 !important;
    padding: 10px !important;

}

.gx_SectionTitle h3{
    
    color: var(--gx_red);
}


.form-has-collapsible-sections_wrapper .gsection.collapsible-sections-field {
    background-color: #fff;
    border-color: #ededed !important;
    padding: 14px 20px 14px 20px !important;
    margin-top: 14px !important;
    border-radius: 3px;
    transition: border-color 0.3s, background-color 0.3s, color 0.3s;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.1);
    position: relative;
    z-index: 1;
}
.form-has-collapsible-sections_wrapper .gsection.collapsible-sections-field.collapsible-sections-open {
    border-color: #333333 !important;
    background-color: var(--gx_red);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.form-has-collapsible-sections_wrapper .gsection.collapsible-sections-field:nth-child(1) {
    margin-top: 0 !important;
}

.form-has-collapsible-sections_wrapper .gsection.collapsible-sections-field .gsection_title {
    font-size: 16px;
    background: transparent;
    padding: 0;
    border-radius: 0;
    margin-top: 0;
}
.form-has-collapsible-sections_wrapper .gsection.collapsible-sections-field.collapsible-sections-open .gsection_title {
    color: #fff;
}
.form-has-collapsible-sections_wrapper .gsection.collapsible-sections-field .gsection_title:after {
    color: #d8d8d8;
    transition: color 0.3s;
}
.form-has-collapsible-sections_wrapper .gsection.collapsible-sections-field.collapsible-sections-open .gsection_title:after {
    color: #fff;
}
.form-has-collapsible-sections_wrapper .collapsible-sections-collapsible-body {
    border-radius: 3px;
    border-color: #ededed !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.1);
    position: relative;
    z-index: 2;
}

.form-has-collapsible-sections_wrapper .validation_error {
    margin-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: #b3304c;
}
.form-has-collapsible-sections_wrapper .gsection.collapsible-sections-field.collapsible-sections-section-error {
    border-color: #b3304c !important;
    background-color: #fff;
}

.form-has-collapsible-sections_wrapper .gsection.collapsible-sections-field.collapsible-sections-section-error + .collapsible-sections-collapsible-body .gfield_error input,
.form-has-collapsible-sections_wrapper .gsection.collapsible-sections-field.collapsible-sections-section-error + .collapsible-sections-collapsible-body .gfield_error textarea,
.form-has-collapsible-sections_wrapper .gsection.collapsible-sections-field.collapsible-sections-section-error + .collapsible-sections-collapsible-body .gfield_error select {
    border-color: #b3304c !important;
    color: #b3304c;
}

.form-has-collapsible-sections_wrapper .gsection.collapsible-sections-field.collapsible-sections-section-error + .collapsible-sections-collapsible-body .gfield_error .gfield_label {
    color: #790000;
}

.collapsible-sections-open .gsection_description{
    color: var(--gx_white) !important;

}

.gform_confirmation_message{
	
	display: none;
}



/* CART STYLES */

.gx_variation{

    text-align: left;
}

.gx_variation dt{

    font-weight: 400;
    font-size: 12px;
}
span.gx_variation_title{
    font-weight: 600;
    display: inline-block;
    vertical-align: top;
}

.gx_cart_thumbs{

        width: 30px;
}

.gx_cart_color{

    margin: 0;
    display: flex;
}


.gx_cart_color_box{
    
    width: 25px; 
    height:25px; 
    padding: 2px; 
    float:left;
    margin-right: 5px;


}

.woocommerce-notices-wrapper{
	
	margin-top: 50px;
}



a.gxp_empty_cart{

    padding: 5px 10px !important;
    font-size: 14px !important;
    background-color: #85868C !important;
}

.shop_table{
	width: 100% !important;

}

.elementor-widget-jet-cart-table .cart_totals {
display: none;
}

.woocommerce-checkout form.checkout{
	
	grid-column-gap: 25px;
}


#angaben_title_field, #email_title_field{
	
	font-size: 20px;
}

p.woocommerce-shipping-destination{
	
	display: none;
}

a.woocommerce-remove-coupon{
	display: none;
}


.wcrp-rental-products-rental-dates{
	width: 200px !important;
}

.reset-button{
	
	padding: 0px 5px;
    margin-left: 5px;
    width: 0px;
}

.button-next-month, .button-previous-month{
	
	padding: 4px 0px !important;
	
}

.button-next-month{
	
	margin-left: 20px;
}

.button-previous-month{
	
	margin-right:20px;
}



/* Startseite */

span.elementor-button-content-wrapper{
	
	display: block !important;
}

#product-button2 .elementor-button-icon svg {
    margin-top: 3px !important;
}




/* add price suffix  */

tr.order-total .woocommerce-Price-amount bdi::after{

    content: ' inkl. MwSt.';
}


/* save and close button */

button.gform_save_link{

    color: white !important;
    background-color: black !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: var(--e-global-color-f8ada54) !important;
    border-radius: 0 !important;
    padding: 6px 32px !important;

}

ul.woocommerce-error{

    display: none !important;
}

input#gform_send_resume_link_button_37{
    border: 0 solid black; !important;
}



/********************/
/* CUSTOM CART & CHECKOUT TEMP */
/*******************/

.gx_cart_section{
    width: 100%;
    margin-bottom: 25px;
}

.gx_cart_section h1{

    display: flex;
    justify-content: center;

    font-size: 2.2em;
}

.gx_cart_box{

    display: flex;
    padding: 0px 125px 0px 125px;
  
}

.gx_cart_box .shop_table{

    border: 0 solid !important;
}

.gx_table{

    
    margin-right: 20px;
    width: 66%;

}

.gx_table, .gx_totals{

    background-color: #fbfbfb;
    padding: 0 10px;
}

.gx_table table{

    border: 0 solid !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border-collapse: collapse !important;
}

.gx_table td{

    border-style : none !important;
}

table td{
    border: none;
}

.gx_table th{
    border: none !important;
}

table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th{

    background-color: transparent !important;
}

.gx_table tbody td, .gx_checkout_section .gx_totals td{

    border-bottom: 1px solid rgb(106, 106, 106) !important; 
}

.gx_cart_header tr{

    padding: 5px 0 !important;
    background-color: #d8d8d8;
}

.gx_cart_header th, .gx_totals h2{

    font-size: 14px !important;
    font-weight: 700;

}

td.gx_qty .qty{

    padding: 5px;
}

.gx_totals{

    
    width: 33% !important;

}

.gx_totals .cart_totals {

    width: 100% !important;
    background-color: #ededed;
    padding: 0 10px;
}

.gx_totals .cart_totals .wc-proceed-to-checkout{

    justify-content: center !important;
    flex-direction: column !important;
}

.gx_totals .cart_totals .wc-proceed-to-checkout a{

    width: 100% !important;
}

.gx_totals a.checkout-button, button#place_order{
    background-color: var(--e-global-color-accent) !important;
    border-radius: 0 !important;
    color: white !important;
    font-weight: 600 !important;
}

.gx_totals button#place_order{

    padding: 15px !important;
    float: none !important;
    width: 100% !important;
    font-size: 18px;

}


.gx_base_buttons{

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 25px 0;
}

.gx_empty_cart{


}

.gx_empty_cart .gxp_empty_cart_button{
    display: block;
    padding: 5px 15px !important;
    font-size: 14px !important;
    font-weight: 600;
    color: white;
    background-color: #85868C !important;
   

}

.gx_update_cart{
    display: flex;

}

.gx_update_cart button{

    padding: 5px 15px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    border: none !important;

}

.woocommerce .cart_totals .wc-proceed-to-checkout {
    display: flex;
    justify-content: flex-end;
    --primarybtnpadding: 10px; 
}



/* CUSTOM CHECKOUT */

.gx_title_1 input{

    display: none;

}

.gx_checkout_section, .gx_checkout_section input, .gx_checkout_section textarea{

    font-size: 12px;

}

.gx_checkout_section input, .gx_checkout_section textarea{
    line-height: 22px !important;
    border: 2px solid #ccc;
    border-radius:0;
}


.gx_checkout_section input:focus, .gx_checkout_section textarea:focus {
    border: 2px solid var(--e-global-color-accent);
    -webkit-box-shadow: 8px 13px 9px -8px rgba(196,196,196,0.59); 
    box-shadow: 8px 13px 9px -8px rgba(196,196,196,0.59);
  }

.gx_checkout_section td.product-name span{

    font-size: 10px !important;
    font-weight: 400 !important;
}

.gx_title_1 .optional{

    display: none;
}

.gx_title_1 label{

    font-size: 1.6em;
    font-weight: 600;
}

.gx_checkout_section h3{
    font-size: 1.5em;
    font-weight: 600;

}

.gx_checkout_section .gx_title_1 label, .gx_checkout_section h3#ship-to-different-address{

    font-size: 1.2em;
    font-weight: 600;
}

.gx_datePicker_wide{

    width: 100% !important;
}


.gx_checkout_section .gx_totals table{

    border-collapse: collapse !important;
}

.gx_checkout_section .gx_totals table th, .gx_checkout_section .gx_totals table tr{

    border: none !important;
}


#billing_country_field{

    display: none !important;
}

.woocommerce-terms-and-conditions p{

    padding: 15px 0 !important;
}

.woocommerce-terms-and-conditions input[type="checkbox"]{

    width: 25px !important;
    height: 25px !important;
}

.woocommerce-terms-and-conditions-link{

    text-decoration: underline !important;
}

/* product quantity */

input.quantity, input.qty{

        width: 5em !important;
    }


    /*  progress bar  */

    .progress_bar_ctn {
    display: block;
    position: sticky;
    top: 84px;
    z-index: 999;
    background: white;
    padding: 0;
    margin: 0;
}

@media screen and (max-width: 767px) {
    .progress_bar_ctn {
        top: 46px;
    }
}

        .progress-container {
            display: flex;
            align-items: center;
            justify-content: space-between;

            max-width: 500px;
            margin: 5px auto;

            background: white;
            padding: 10px;

        }
        .progress-line {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            height: 4px;
            background-color: #ccc;
            transform: translateY(-50%);
            z-index: 0;
        }
        .step {
            width: 40px;
            height: 40px;
            background-color: #ccc;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            font-weight: bold;
            color: white;
            position: relative;
            z-index: 1;
            transition: background-color 0.3s;
        }
        .step.active {
            background-color: #4CAF50;
        }

        /* end progress bar */


@media (max-width: 840px){

    .gx_imgSize .image-choices-choice{
        width: 45%;
    }

}

@media only screen and (max-width: 641px){


    .gx_gf_length div input{
        width: 75% !important;
    }   


    .gx_gf_ral_parent div input{
        width: 98% !important;
    }

    .gx_ral_drop-down .gx_ral_options{

        width: 98%;
    }


    /* CART TEMPLATE */

    .gx_cart_box{

        padding: 0 0 0 0;
        flex-direction: column;

    }

    .gx_table{

        margin-right: 0;
        margin-bottom: 20px;
        width: 100%;
        padding: 0 20px;

    
    }

    .gx_totals{
        width: 100% !important;
    }




}


/* ********************************************* */
/* ********************************************* */
/* ********************************************* */
/* ********************************************* */