/*
 Theme Name:   roapi theme
 Description:  Tema speciala pentru roapi
 Author:       Ciobanu George
 Template:     generatepress
 Version:      1.0
*/

.gb-inside-container {
	position: relative;
	z-index: 2;
}
.roapi-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
}
div#page {
    flex-grow: 1;
    width: 100%;
}

/* My acc CSS */
.roapikeys form {
	display: flex;
	align-items: center;
}

.roapikeys label {
	font-weight: bold;
	color: #000;
}

.roapikeys .roapikey-item-inputs {
	flex-grow: 1;
	display: flex;
}
.roapikeys .roapikey-item-inputs > div:last-child {
	margin-left: 20px;
}
.roapikeys .actions {
	width: 80px;
}

.roapikey-edit {
    display: inline-block;
}
.roapikey-button-save {
	display: none;
}
.roapikey-button-delete {
	background: transparent;
	color: red;
	padding: 0;
}
.roapikey-button-delete:hover {
	background: transparent;
	color: red;
}

.roapikey-edit svg,
.roapikey-button-delete svg {
	height: 25px;
	width: auto;
}

.woocommerce-account .woocommerce-MyAccount-content {
	width: 75%;
	padding-left: 20px;
}

.roapikey p {
	margin-bottom: 0;
}

.roapikey input {
	display: none;
}

.roapikeys {
    margin-bottom: 70px;
}

.roapikeys .roapikey + .roapikey {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #e9e9f2;
}

.woocommerce-checkout .roapi-wrapper:before {
	content: "";
	width: 50%;
	height: 100vh;
	position: fixed;
	top:0;
	right: 0;
	background-color: #fbf7ed;
}
.woocommerce-checkout .site-header,
.woocommerce-checkout .site,
.woocommerce-checkout.separate-containers .inside-article {
	background-color: transparent;
	z-index: 1;
}
.woocommerce-checkout .site-footer {
	z-index: 1;
}

.roapi-row {
	margin-left: -20px;
	margin-right: -20px;
	display: flex;
	flex-direction: row-reverse;
}

.roapi-row .roapi-col {
	padding: 0 20px;
	width: 50%;
}

.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"] {
	box-shadow: 0 0 0 1px #6b7177;
    border: 1px solid transparent;
    border-radius: 4px;
}

#billing_country_field {
	display: none;
}

.woocommerce-checkout #payment div.payment_box {
	padding: 0;
}

.woocommerce-checkout input[type="radio"] {
  -webkit-appearance: checkbox; /* Chrome, Safari, Opera */
  -moz-appearance: checkbox;    /* Firefox */
  -ms-appearance: checkbox;     /* not currently supported */
}

form.woocommerce-form-coupon {
    display: flex;
    align-items: center;
}

form.woocommerce-form-coupon .form-cupon-field {
	flex-grow: 1;
	margin-right: 20px;
}

form.woocommerce-form-coupon .form-cupon-field input {
	width: 100%;
}

.woocommerce form.woocommerce-form-coupon button.button {
	border-radius: 4px;
}

.woocommerce-account .woocommerce {
    display: flex;
    justify-content: center;
}

.woocommerce-MyAccount-content {
	background: #fbf7ed;
	padding: 20px;
}

html .site-main .woocommerce-MyAccount-navigation li {
	padding-left: 10px;
	padding-right: 10px;
}

.site-main .woocommerce-MyAccount-navigation li.is-active {
	background: #fbf7ed;
}

html .woocommerce-MyAccount-navigation li a,
html .woocommerce-MyAccount-navigation li a:hover,
html .woocommerce-MyAccount-navigation ul {
	border: 0 none;
}