/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
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
*/

.woocommerce-checkout .page-content{
    font-family: Roboto, sans-serif;
    color: #69727d;
}

.woocommerce-checkout .page-content a{
    text-decoration: none;
}

.woocommerce-checkout .woocommerce .woocommerce-MyAccount-navigation {
    float: left;
    width: 25%;
}
.woocommerce-checkout  .woocommerce-MyAccount-content {
    float: right;
    width: 75%;
    padding: 0;
    padding-left: var(--tab-content-spacing, 6%);
}


/*Navigation
*/
.woocommerce-checkout  .woocommerce .woocommerce-MyAccount-navigation ul{
    padding-inline-start: 0;
}
.woocommerce-checkout  .woocommerce .woocommerce-MyAccount-navigation ul li {
    list-style-type: none;
    display: inline-block;
    width: var(--tab-width, 100%);

    margin: calc(var(--tabs-spacing, 2px) / 2) 0 calc(var(--tabs-spacing, 2px) / 2) 0;

}

.woocommerce-checkout  .woocommerce .woocommerce-MyAccount-navigation ul li a {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    color: var(--tabs-normal-color, #69727d);
    display: block;
    padding: var(--tabs-padding, 12px 20px);
    text-align: var(--tabs-alignment, start);
    background: #f9fafa;
    border-radius: var(--tabs-border-radius, 0);
    border: 0 var(--tabs-border-type, solid) var(--tabs-border-color, transparent);
}

.woocommerce-checkout  .woocommerce .woocommerce-MyAccount-navigation ul li:after {
    content: "";
    display: block;
    width: 100%;
    background-color: var(--tabs-divider-color, #69727d);
    height: var(--tabs-divider-weight, 0);
    position: relative;
    top: calc(var(--tabs-spacing, 2px) / 2);
}

.woocommerce-checkout  .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--pagos a {
    color: var(--tabs-active-color, #5bc0de);
    background: #f1f2f3;
    border-color: var(--tabs-active-border-color, transparent);
}

.woocommerce-checkout  .woocommerce .woocommerce-MyAccount-navigation ul li a:hover {
    color: var(--tabs-hover-color, #5bc0de);
    border-color: var(--tabs-hover-border-color, transparent);
}

.woocommerce-MyAccount-content-wrapper .envio_sms,
.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-MyAccount-content .woocommerce-MyAccount-content{
    float: left;
    width: 100%;
    background-color: var(--sections-background-color, #fff);
    padding: var(--sections-padding, 16px 30px);
    border-left: var(--sections-border-left-width, 1px) var(--sections-border-type, solid) var(--sections-border-color, #d5d8dc);
    border-bottom: var(--sections-border-bottom-width, 1px) var(--sections-border-type, solid) var(--sections-border-color, #d5d8dc);
    border-right: var(--sections-border-right-width, 1px) var(--sections-border-type, solid) var(--sections-border-color, #d5d8dc);
    border-top: var(--sections-border-top-width, 1px) var(--sections-border-type, solid) var(--sections-border-color, #d5d8dc);
    border-radius: var(--sections-border-radius, 3px);
}
.woocommerce-MyAccount-content-wrapper .envio_sms input,
.woocommerce-MyAccount-content-wrapper .envio_sms textarea{
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-secondary);
    background-color: #fff!important;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    transition: all .3s;
}
.woocommerce-MyAccount-content-wrapper .envio_sms .input-text:focus{
    border-color: #fff !important;
    outline: none;
}


.buscador_vuelo_section:not(.black) {
    top: auto;
    left: 50%!important;
    transform: translateX(-50%);
    bottom: 20px;
    top: auto!important;
    bottom: 0;
    width: 100%!important;
    max-width: 1460px!important;
    --color:white;
}
.buscador_vuelo_section.black{
    --color:black;
}

.buscador_vuelo_section.black {
}

.buscador_vuelo {
    padding: 20px 50px;
    backdrop-filter: blur(10px);
    border-radius: 30px;
    overflow: hidden;
    max-width: 1440px;
    margin: 0 auto;
}
.buscador_vuelo_section.black .buscador_vuelo{
    padding: 50px;
    border: 1px solid;
    border-radius: 20px;
}

.buscador_vuelo .form .row{
    display: flex;
    flex-wrap: wrap;
}
.buscador_vuelo .form label{
    color: var(--color);
}
.buscador_vuelo .form .actions{
    margin-left: 20px;
}
.buscador_vuelo .row,
.buscador_vuelo .fields_wrap{
    display: flex;
    gap: 10px;
    flex-grow: 1;
}
.buscador_vuelo .row.tipo{
    gap: 30px;
    margin-bottom: 10px;
}
.elementor-kit-5 .fields_wrap button{
    border: 0;
}
.elementor-kit-5 .fields_wrap .field{
    position: relative;
    min-width: 200px;
}

.elementor-kit-5 .fields_wrap .field input,
.elementor-kit-5 .fields_wrap .field input:focus,
.elementor-kit-5 .fields_wrap .field select,
.elementor-kit-5 .fields_wrap .field select:focus{
    appearance: none;
    background: none;
    border: 0;
    border-bottom: 1px solid var(--color);
    color: var(--color);
    width: 100%;
    outline: none;
    border-radius: 0;
    padding: 10px 15px;
}
.elementor-kit-5 .fields_wrap .field select option{
    color: black;
}
.elementor-kit-5 .fields_wrap .field label{
    color: var(--color);;
    position: absolute;
    left: 0;
    top: 20%;
}
.elementor-kit-5 .fields_wrap .field.float input::placeholder{
    color: transparent;
}

.elementor-kit-5 .fields_wrap .field.float select:focus + label,
.elementor-kit-5 .fields_wrap .field.float select:not(:placeholder-shown) + label,
.elementor-kit-5 .fields_wrap .field.float input:focus + label,
.elementor-kit-5 .fields_wrap .field.float input:not(:placeholder-shown) + label {
  /* Move the label above the button and scale it down */
  transform: translateY(-100%) scale(0.75);
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
	background-color: var(--e-global-color-primary);
	border: none;
    color: var(--forms-buttons-normal-text-color, #fff);
    border-radius: var(--forms-buttons-border-radius, 3px);
    padding: var(--forms-buttons-padding, 12px 32px);
    margin-top: 20px;
}

.woocommerce-checkout #payment{
	background: #f8f9fa;
}

button#place_order.button.alt:hover{
	background: black!important;
	color: white!important;
}

div.payment_box.payment_method_sumup{
	display: none;
}
.woocommerce table.shop_table{
	margin-top: 40px;
	border: 0px;
	font-family: 'Poppins';
}
table.shop_table.woocommerce-checkout-review-order-table{
	font-size: 16px!important;
}

div.field-sms label{
	margin-bottom: 10px;
}
div.field-sms{
	margin: 30px 0;
	display: flex;
    flex-direction: column;
	width: 50%;
}

button.button-sms{
	border: 0px;
}

div.woocommerce.wp-block-group.aligncenter{
	margin: 20px;
}

a#paycomet_page.button.paycomet_pay{
	background-color: var(--e-global-color-primary);
	border: none;
    color: var(--forms-buttons-normal-text-color, #fff);
    border-radius: var(--forms-buttons-border-radius, 3px);
    padding: var(--forms-buttons-padding, 12px 32px);
    margin-top: 20px;
	margin-right: 20px;
}

a.button.cancel{
	background-color: black;
	border: none;
    color: var(--forms-buttons-normal-text-color, #fff);
    border-radius: var(--forms-buttons-border-radius, 3px);
    padding: var(--forms-buttons-padding, 12px 32px);
    margin-top: 20px;
}
form#form_paytpv.form-inline{
	display: flex;
}