/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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 */



/* My Account page CSS */

.woocommerce-MyAccount-navigation ul {
    margin: 0;
    padding: 0;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 10px 15px;
    color: #242424;
    line-height: 20px;
    text-transform: none;
    font-size: 14px;
    font-weight: 600;
}

.woocommerce-MyAccount-navigation ul li {
    list-style: none;
}

.woocommerce-MyAccount-content {
    padding: 10px 30px;
    width: 75% !important;
    border-left: 1px solid rgba(0, 0, 0, 0.105);
}

.woocommerce-MyAccount-navigation {
    width: 25% !important;
    padding: 0px 30px 0px 0px;
}

.woocommerce-MyAccount-navigation ul li.is-active {
    background-color: rgba(0,0,0,0.06);
    cursor: default;
}

.woocommerce-MyAccount-navigation ul li a:hover {
    background-color: rgba(0,0,0,0.03);
    cursor: default;
}

.woocommerce-account .woocommerce-MyAccount-content p {
    margin-bottom: 15px !important;
}

.my-account-action-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.my-account-action-grid .orders-link,
.my-account-action-grid .downloads-link,
.my-account-action-grid .addresses-link,
.my-account-action-grid .account-link,
.my-account-action-grid .logout-link {
    display: block;
    padding: 20px;
    font-weight: 600;
    text-align: center;
    color:#555;
    border-radius: 0;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.18);
}

.my-account-action-grid img {
    height: 42px;
    width: 42px;
	filter: opacity(0.5);
}

.my-account-action-grid a:hover{
    color:#555;
    background-color: rgba(0,0,0,0.03);
}

.my-account-action-grid h3 {
    margin: 5px 0 0 0 !important;
    font-size: 18px;
}

#login-form .woocommerce-form {
    border-radius: 0 !important;
}


#login-form .woocommerce-form input.woocommerce-Input {
    height: 50px !important;
    border-radius: 0 !important;
}


#login-form .mt-15 {
    margin: 15px 0 !important;
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

#register-form .woocommerce-form {
    border-radius: 0 !important;
}

#register-form  .woocommerce-form input.woocommerce-Input {
    height: 50px !important;
    border-radius: 0 !important;
}

#register-form .woocommerce-privacy-policy-text {
    margin: 15px 0;
}

.woocommerce-ResetPassword {
    width: 50%;
    margin: 0 auto;
}

.woocommerce-ResetPassword input {
    height: 50px;
    width: 100% !important;
    border-radius:0;
    margin-bottom: 15px !important;
}

.woocommerce-ResetPassword p {
    width: 100% !important;
}

.mt-15 {
    margin-top: 15px;
}

.woocommerce-EditAccountForm input {
    height: 48px;
    border-radius: 0;
}

.fc-step__substep-save {
    fill: #fff !important;
    color: #fff !important;
    background-color: #c99f3b !important;
    height: 50px;
}

.fc-place-order-button {
    fill: #fff !important;
    color: #fff !important;
    background-color: #c99f3b !important;
    height: 50px;
}

.tinvwl-to-right button {
    fill: #fff !important;
    color: #fff !important;
    background-color: #c99f3b !important;
    height: 50px;
}


.fc-step__next-step{
    fill: #fff !important;
    color: #fff !important;
    background-color: #c99f3b !important;
    height: 50px;    
}

.woocommerce-form-login__submit{
    fill: #fff !important;
    color: #fff !important;
    background-color: #c99f3b !important;
    height: 50px;     
}

a.link-btn {
    border: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #c99f3b !important;
    border-radius: 0 !important;
    color: #c99f3b !important;
}

a.link-btn:hover {
    background-color:transparent !important;
    color: #c99f3b !important;
}

div#customer_login {
    display: flex;
    justify-content: center;
    text-align: center;
}

.myparcel-delivery-options__table tr td {
    padding: 10px 0 !important;
}

.myparcel-delivery-options__table tr td input {
    margin-right: 10px;
		outline:0 !important;
}

.myparcel-delivery-options__table button {
    height: 42px !important;
    padding: 0 24px !important;
    border: 0 !important;
}

.myparcel-delivery-options__table tr.myparcel-delivery-options__choice span {
    font-size: 14px;
}

ul.order_details {
    padding: 0 !important;
    margin-top: 20px !important;
}

.woocommerce-order h2 {
    font-size: 30px;
}

@media (min-width: 992px) and (max-width: 1024px) {

.woocommerce-MyAccount-navigation {
     width: 30% !important;
     float: left !important;
}
	
.woocommerce-MyAccount-content {
     width: 70% !important;
     float: right !important;
}	
	
}


@media (min-width: 768px) and (max-width: 991px) {

.woocommerce-MyAccount-navigation {
     width: 30% !important;
     float: left !important;
}
	
.woocommerce-MyAccount-content {
     width: 70% !important;
     float: right !important;
}		
	
}

@media (min-width: 320px) and (max-width: 767px) {
	
.woocommerce-MyAccount-content {
	padding: 30px 0;
	width: 100% !important;
	border-left: unset !important;
}

.woocommerce-MyAccount-navigation {
    width: 100% !important;
    padding: 0px 0px 0px 0px;
}

.my-account-action-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
}

.woocommerce-ResetPassword {
    width: 100%;
    margin: 0 auto;
}

html {
    overflow-x: hidden !important;
}

body {
    overflow-x: hidden !important;
}  
	
ul.order_details {
    padding: 0 !important;
    margin-top: 15px;
}


ul.order_details li {
    display: block !important;
    width: 100%;
    margin-bottom: 15px !important;
}	
	
.woocommerce-order h2 {
    font-size: 22px;
}	
	
.woocommerce-column--shipping-address {
    margin-top: 36px;
}	
	
	
}


/* My Account page CSS */