 /*
 Theme Name:   Hello Elementor Child
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/

.woocommerce-notices-wrapper .woocommerce-message{
    border-top-color: #1154ED;
}

.woocommerce-notices-wrapper .woocommerce-message::before {
    color: #1154ED;
}

.woocommerce-page .woocommerce-notices-wrapper .woocommerce-message .button{
    background: #1154ED;
    border:none;
    color:#fff;
    font-weight: 400;
}
.woocommerce-page .woocommerce-notices-wrapper .woocommerce-message .button:hover{
    background: #1154ED;
}

button.woocommerce-Button.button{
    background: #1154ED;
    border:none;
    color:#fff;
    font-weight: 400;
}
button.woocommerce-Button.button:hover{
    background: #1154ED;
}

a.woocommerce-button.button.view{
    margin-right: 15px;
    background: #1154ED;
    border:none;
    color:#fff;
    font-weight: 400;
}
a.woocommerce-button.button.view:hover{
    background: #02369C;
}


.woocommerce-MyAccount-navigation{
    background: #f3f4f8;
    padding: 20px 0px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.woocommerce-MyAccount-navigation ul{
    list-style: none;
    margin:0;
}

body.woocommerce-account .addresses .title .edit {
    float: none;
}

.woocommerce-MyAccount-navigation ul li::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0.6em;
    height: 16px;
    margin-right: 0px;
    position: relative;
    top: -2px;
    background-image: url("data:image/svg+xml;utf8,<svg aria-hidden='true' class='e-font-icon-svg e-fas-angle-right' viewBox='0 0 256 512' xmlns='http://www.w3.org/2000/svg'><path  d='M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
}

.woocommerce-MyAccount-navigation .e-fas-angle-right{
    fill:#1154ED;
}

.woocommerce-MyAccount-navigation ul a{
    color:#4b5767;
    text-decoration: none;
}

.woocommerce-MyAccount-navigation ul a:hover{
    color:#1154ED;
}

.woocommerce-MyAccount-content input{
    background-color:#fff !important;
    border: 1px solid rgb(195, 196, 203) !important;
    color: #1f2124 !important;
    flex-grow: 1;
    max-width: 100%;
    vertical-align: middle;
    width: 100%;
}

.woocommerce-MyAccount-content .select2-container .select2-selection{
    border: 1px solid rgb(195, 196, 203) !important;
}

.woocommerce-MyAccount-content button.button{
    background-color: #1154ED !important;
    color:#fff !important;
    font-weight: 400 !important;
    margin-top:15px !important;
}
.woocommerce-MyAccount-content button.button:hover{
    background-color: #02369C !important;
}

a.woocommerce-button.button.invoice.order-actions-button{
    background-color: #1154ED !important;
    color:#fff !important;
    font-weight: 400 !important;
}
a.woocommerce-button.button.invoice.order-actions-button:hover{
    background-color: #02369C !important;
}

a.woocommerce-button.button.invoice {
    font-weight: 500 !important;
}
a.woocommerce-button.button.invoice:hover {
    background-color: #02369C !important;
    color:#fff !important;
}

a.woocommerce-button.button.repeat_order{
    font-weight: 500 !important;
}
a.woocommerce-button.button.repeat_order:hover{
    background-color: #02369C !important;
    color:#fff !important;    
}

.order-again a{
    background-color: #1154ED !important;
    color:#fff !important;
    font-weight: 400 !important;
}
.order-again a:hover{
    background-color: #02369C !important;
}

.button.wc-forward{
    background-color: #1154ED !important;
    color:#fff !important;
    font-weight: 400 !important;   
}
.button.wc-forward:hover{
    background-color: #02369C !important;  
}

button.woocommerce-button.button.woocommerce-form-login__submit{
    background-color: #1154ED !important;
    color:#fff !important;
    font-weight: 400 !important;   
}
button.woocommerce-button.button.woocommerce-form-login__submit:hover{
    background-color: #02369C !important;
}

.woocommerce-info{
    border-color: #1154ED !important;
}

.woocommerce-info::before{
    color:#1154ED;
}

.woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th {
    padding: 6px 10px;
    vertical-align: middle;
}

.woocommerce table.shop_table {
    border: 1px solid rgb(243 244 248);
    text-align: left;
    width: 100%;
    border-collapse: collapse;
    border-radius: 5px;
}

.woocommerce form .form-row .input-text, .woocommerce form .form-row select {
    border: var(--wc-form-border-width) solid #C3C4CB !important;
}

.woocommerce.woocommerce-page:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: #4b5f71 ;
    font-size: 15px ;
    font-weight: 600 ;
    /* margin-bottom: 20px;
    display: inline-block; */
}

@media (min-width: 1100px) {
    form.woocommerce-form.woocommerce-form-login.login{
        vertical-align: top;
    }
}

@media (min-width: 1350px) {
    .woocommerce-orders #content,
    .woocommerce-account #content{
        margin:60px auto;
        max-width: 1300px;
    }
    .woocommerce-orders .page-header .entry-title,
    .woocommerce-account .page-header .entry-title{
        max-width: 1300px;
    }
}

@media (max-width: 770px) {
    .woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr {
        display: block;
        margin-top: 20px;
    }  
}

@media (max-width: 550px) {
    .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
        padding-inline-end: 20px;
        padding-inline-start: 20px;
    }
    body .page-header .entry-title{
        padding-inline-end: 0px;
        padding-inline-start: 0px;
    }
    .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
        padding-inline-end: 20px !important;
        padding-inline-start: 20px !important;
    }
}
