/*
Theme Name:   hellochild
Description:  Hello Elementor Child Theme
Author:       Stikky Media
Author URL:   https://stikkymedia.com
Template:     hello-elementor
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  hellochild
*/

/* Write here your own personal stylesheet */

/* 
    Colours:

	BLUE... #00aeef
	ORANGE... #f99d31
	BLACK... #151515
	LIGHT GREY... #f4f5f4
	

*/

.woocommerce main a:not(.elementor-button-link),
body.single-product .elementor-location-single a:not(.elementor-button-link):not(.button){
    color: #00aeef !important;
}
.woocommerce a:hover{
    color: #f99d31;
}

.woocommerce-info,
.woocommerce-error{
    background-color: #00aeef;
}
.woocommerce-info li,
.woocommerce-error li{
    color: #151515;
}
.woocommerce-notices-wrapper .woocommerce-message{
    background-color: #00aeef; 
    border-top-color: white; 
    color: #151515; 
    font-weight: bold;
    height: 72px; 
    margin-bottom: 20px !important;
    line-height: 18px !important; 
    display: flex !important; 
    flex-direction: row-reverse; 
    align-items: center; 
    justify-content: space-between;
}
@media(min-width: 1200px){
    .woocommerce-notices-wrapper .woocommerce-message{
        padding-right: calc(50% - 550px); 
        padding-left: calc(50% - 550px);
    }
}
.woocommerce-notices-wrapper .woocommerce-message a.button.wc-forward{
    background-color: #f99d31;
    border: 1px solid #f99d31;
    color: WHITE;
    transition: all ease-in-out 0.5s;
    min-width: 105px !important;
}
.woocommerce-notices-wrapper .woocommerce-message a.button.wc-forward:hover{
    background-color: WHITE;
    color: #f99d31;
}
.woocommerce-notices-wrapper .woocommerce-message::before{
    color: white;
    top: inherit !important
}
.woocommerce-notices-wrapper .woocommerce-error, 
.woocommerce-notices-wrapper .woocommerce-info, 
.woocommerce-notices-wrapper .woocommerce-message{
	margin: 0px !important;
}

.woocommerce-checkout main{
    margin-top: 50px;
    margin-bottom: 50px;
}

/* ====================== */
/*   ORDER CONFIRMATION  */
.woocommerce-order{
	max-width: 700px;
	margin: 0 auto;
}

.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details{
/* 	max-width: 350px; 
	margin: 0 auto;  */
	margin-bottom: 30px;
}

/* Hide 'Order details' heading and 'thank-you' paragraph.. we have our own from Elementor */
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received,
.woocommerce-order-details__title{
	display: none;
}
.woocommerce-column.woocommerce-column--shipping-address,
.woocommerce-column.woocommerce-column--billing-address{
	width: 100%; 
/* 	float: left; */
	margin-bottom: 100px;
}

/* ================ */
/*     CART PAGE    */

.woocommerce-cart-form button:disabled[name="update_cart"]{
    color: grey !important;
}
.woocommerce-cart-form thead th{
	color: white !important;
}

/* Hide cart icon in menu when on checkout page */
/* body.woocommerce-checkout .elementor-menu-cart__wrapper{
    display: none !important;
} */

/* Hide default Cross-Sells section on Cart Page */
.woocommerce-checkout .cross-sells{
    display: none;
}

.woocommerce-cart-form .product-thumbnail img{
    height: 90px !important; 
    width: auto !important; 
    border-radius: 5px; 
    box-shadow: 0px 5px 5px -2px rgba(0, 58,95,0.2) !important;
}
.woocommerce-cart-form tr.bundled_table_item .product-thumbnail{
    padding-left: 30px;
}

/* cart column widths */
.woocommerce table.shop_table tr.product-remove, 
.woocommerce table.shop_table td.product-remove{
    width: 50px !important;
}
.woocommerce table.shop_table tr.product-remove *, 
.woocommerce table.shop_table td.product-remove *{
    margin: 0px !important;
}
.woocommerce table.shop_table tr.product-thumbnail, 
.woocommerce table.shop_table td.product-thumbnail{
    width: 20% !important;
}
.woocommerce table.shop_table tr.product-price, 
.woocommerce table.shop_table td.product-price,
.woocommerce table.shop_table tr.product-subtotal, 
.woocommerce table.shop_table td.product-subtotal{
    width: 100px !important;
}

.woocommerce table.shop_table tr.product-name a, 
.woocommerce table.shop_table td.product-name a{
	font-weight: bold;
	margin-bottom: 8px;
}
.woocommerce table.shop_table tr.product-name .variation dt, 
.woocommerce table.shop_table td.product-name .variation dt{
	font-weight: 600;
}
.woocommerce table.shop_table tr.product-name .variation, 
.woocommerce table.shop_table td.product-name .variation{
	text-align: left !important;
}

/* .woocommerce table.shop_table tbody tr.bundled_table_item td{
    background-color: white !important;
}
.woocommerce table.shop_table tbody tr:not(.bundled_table_item) td{
    border-top: 1px solid #ccc !important;
} */

@media(max-width: 768px){
    .woocommerce table.shop_table tr.product-price, .woocommerce table.shop_table td.product-price,
    .woocommerce table.shop_table tr.product-subtotal, .woocommerce table.shop_table td.product-subtotal,
    .woocommerce table.shop_table tr.product-thumbnail, .woocommerce table.shop_table td.product-thumbnail,
    .woocommerce table.shop_table tr.product-remove, .woocommerce table.shop_table td.product-remove{
        width: 100% !important;
    }
    .woocommerce table.shop_table tbody tr:not(.bundled_table_item) td{
        border-top: none !important;
    }
    .woocommerce table.shop_table tbody tr:not(.bundled_table_item) td:first-child{
        border-top: 1px solid #ccc !important;
    }    
}

/* Cart page: change background color of coupon code and update cart row */
.woocommerce-checkout .woocommerce table.shop_table td.actions {
    border-top: 1px solid #151515;
    background: #f99d31;
}
.woocommerce-checkout .woocommerce .cart-collaterals {
    width: 100%;
    float: right;
    margin-bottom: 0px !important;
}
.woocommerce-checkout .woocommerce .cart-collaterals .cart_totals {
    width: 49%;
}

/* Hide order review table on checkout page */
/* #order_review table tbody,
#order_review table thead{
    display: none !important;   
} */

/* #order_review .shop_table,
#order_review_heading{
	display: none !important;
} */

#order_review .shop_table tr td:first-child,
#order_review .shop_table tr th:first-child{
	text-align: left !important;
}

#order_review .shop_table tr td,
#order_review .shop_table tr th{
	padding: 5px 10px !important;
}
#order_review .shop_table tr.cart-subtotal{
	display: none !important;
}
#order_review .shop_table tr.order-total{
	margin-top: 10px !important;
}
#order_review .shop_table tr.order-total th,
#order_review .shop_table tr.order-total td{
	border-top: 1px solid black !important;
}

/* #order_review table td{
    padding: 15px !important;
}
#order_review table tr:not(.order-total) td span{
    font-size: 15px !important;
    font-weight: 400 !important;
}
#order_review table tfoot tr:nth-child(even) td,
#order_review table tfoot tr:nth-child(even) th{
    border-top: 1px solid #151515 !important;
    border-bottom: 1px solid #151515 !important;
}
#order_review table tr.recurring-totals th{
    background-color: lightgrey !important;
} */

.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper p{
	font-size: 12px !important;
}

/* body.woocommerce-checkout .woocommerce-form-coupon-toggle{
    display: none !important;
} */

@media(min-width: 576px){
    body:not([class*="elementor-page-"]) .site-main{
        max-width: 550px !important;
    }
}
@media(min-width: 768px){
    body:not([class*="elementor-page-"]) .site-main{
        max-width: 700px !important;
    }
}
@media(min-width: 992px){
    body:not([class*="elementor-page-"]) .site-main{
        max-width: 900px !important;
    }
}

@media(min-width: 900px){
    body .woocommerce table.cart td.actions .coupon {
        width: 70% !important
    }
}

/* change font size and font color of the cart titles (Product Price Quantity Total Subtotal */

.woocommerce-checkout .woocommerce-cart-form table th {
    color: white;
    font-size: 17px;
}
.woocommerce-checkout .cart_totals table th {
    color: black;
    font-size: 17px;
}
.woocommerce-cart .cart_totals h2,
.woocommerce-checkout .cart_totals h2{
    text-align: center;
    margin-bottom: 20px !important;
}
.woocommerce-cart .cart_totals,
.woocommerce-checkout .cart_totals{
    width: 50% !important;
	float: none !important;
	margin: 0 auto;
}
.woocommerce-checkout .cart_totals *{
    max-width: 450px; 
	margin: 0 auto !important;
}

/* change the border below the first row in the cart */

#add_payment_method .cart-collaterals .cart_totals tr td,
.woocommerce-checkout .cart-collaterals .cart_totals tr td,
.woocommerce-checkout .woocommerce table.shop_table:not(.woocommerce-checkout-review-order-table) th {
    border-bottom: 4px solid #151515;
}

.woocommerce-cart-form .shop_table thead{
	background-color: #f99d31;
}

.woocommerce-cart .woocommerce table.shop_table,
.woocommerce-checkout .woocommerce table.shop_table {
    border: 1px solid #151515;
    margin: 0;
    text-align: center;
    width: 100%;
    border-collapse: separate;
    border-radius: 3;
    box-shadow: 0px 0px 30px -10px rgba(34, 34, 34, 0.25);
    margin-bottom: 35px;
}

body #add_payment_method #payment ul.payment_methods li input,
body.woocommerce-checkout #payment ul.payment_methods li input,
body.woocommerce-checkout #payment ul.payment_methods li input {
    width: auto;
    margin: -2px .5em 0 0;
}

body .woocommerce form .form-row .input-checkbox {
    width: auto;
    margin: -2px 5px 0 0;
}

/* Cart Totals -- Go to Checkout section */
#add_payment_method .cart-collaterals .cart_totals tr td,
#add_payment_method .cart-collaterals .cart_totals tr th,
body.woocommerce-cart .cart-collaterals .cart_totals tr td,
body.woocommerce-cart .cart-collaterals .cart_totals tr th,
body.woocommerce-checkout .cart-collaterals .cart_totals tr td,
body.woocommerce-checkout .cart-collaterals .cart_totals tr th,
body .woocommerce table.shop_table th {
    border: none !important;
    text-align: center;
    padding: 10px 20px;
}

body .woocommerce table.shop_table:nth-child(2){
    margin-bottom: 0px !important;
    border-radius: 3px 3px 0px 0px !important;
}
body .woocommerce table.shop_table:nth-child(2) tr:nth-child(odd) th,
body .woocommerce table.shop_table:nth-child(2) tr:nth-child(odd) td{
    background-color: #f4f5f4;
}

body .woocommerce .wc-proceed-to-checkout{
    padding-top: 0px;
}

body .woocommerce .cart_totals h2{
    font-weight: bold;
    color: #151515;
}


/* change button Proceed to Checkout hover color here */
body .woocommerce #respond input#submit.alt:hover,
body .woocommerce a.button.alt:hover,
body .woocommerce button.button.alt:hover,
body .woocommerce input.button.alt:hover {
    color: WHITE;
    background-color: #f99d31 !important;
    box-shadow: 0px 10px 10px -3px rgba(0, 58, 95, 0.35);
}


/* change butons Add to cart, Apply code and Proceed to Checkout styling here */
body.woocommerce-page:not(.single-product) .cart .button,
body.woocommerce-page:not(.single-product) .cart input.button,
body.woocommerce-page:not(.single-product) #respond input#submit,
body.woocommerce-page:not(.single-product) a.button,
body.woocommerce-page:not(.single-product) button.button,
body.woocommerce-page:not(.single-product) input.button {
    background: #151515 !important;
    color: WHITE;
    font-weight: bold;
    font-size: 16px;
    border-radius: 3px;
    padding: 12.5px 16px !important;
    box-shadow: 0px 5px 6px -3px rgba(0, 58, 95, 0.3);
}
body.woocommerce-page:not(.single-product) .cart .button:hover,
body.woocommerce-page:not(.single-product) .cart input.button:hover,
body.woocommerce-page:not(.single-product) #respond input#submit:hover,
body.woocommerce-page:not(.single-product) a.button:hover,
body.woocommerce-page:not(.single-product) button.button:hover,
body.woocommerce-page:not(.single-product) input.button:hover {
    background: #f99d31 !important;
}

@media(max-width: 450px){
    body.woocommerce-page:not(.single-product) .cart .button,
	body.woocommerce-page:not(.single-product) .cart input.button,
	body.woocommerce-page:not(.single-product) #respond input#submit,
	body.woocommerce-page:not(.single-product) a.button,
	body.woocommerce-page:not(.single-product) button.button,
	body.woocommerce-page:not(.single-product) input.button {
        font-size: 14px;
    }
    .cart-collaterals{
        width: 100% !important;
    }
}

body .woocommerce #respond input#submit.disabled,
body .woocommerce #respond input#submit:disabled,
body .woocommerce #respond input#submit:disabled[disabled],
body .woocommerce a.button.disabled,
body .woocommerce a.button:disabled,
body .woocommerce a.button:disabled[disabled],
body .woocommerce button.button.disabled,
body .woocommerce button.button:disabled,
body .woocommerce button.button:disabled[disabled],
body .woocommerce input.button.disabled,
body .woocommerce input.button:disabled,
body .woocommerce input.button:disabled[disabled] {
    background: LIGHTGREY;
}

/* change button Proceed to Checkout color and font weight here */
body .woocommerce .wc-proceed-to-checkout a.checkout-button {
    background-color: #00aeef !important;
    font-weight: bold;
    font-size: 22px;
    text-transform: uppercase;
    box-shadow: 0px 5px 6px -3px rgba(0, 58, 95, 0.3);
    border: 1px solid #151515;
/*     border-top: none; */
    border-radius: 0px 0px 3px 3px !important;
    transition: all ease-in-out 0.7s;
    color: #151515;
}

.woocommerce-checkout #place_order{
	float: none !important;
    border-radius: 5px !important;
}

/* change the padding of each item in the cart and checkout page*/

body .woocommerce table.shop_table td {
    padding: 15px;
}

.woocommerce a.remove {
    margin: 0 auto;
}

.woocommerce-checkout .woocommerce table.shop_table th.product-remove,
.woocommerce-checkout .woocommerce table.shop_table th.product-name,
.woocommerce-checkout .woocommerce table.shop_table td.product-name,
.woocommerce-checkout .woocommerce table.shop_table th.product-price,
.woocommerce-checkout .woocommerce table.shop_table th.product-quantity,
.woocommerce-checkout .woocommerce table.shop_table th.product-subtotal,
.woocommerce-checkout .woocommerce table.shop_table .cart_item td.product-price,
.woocommerce-checkout .woocommerce table.shop_table .cart_item td.product-quantity,
.woocommerce-checkout .woocommerce table.shop_table .cart_item td.product-subtotal{
    text-align: center !important;
}
.woocommerce-checkout .woocommerce table.shop_table td.product-quantity input{
    width: 80px !important;
}

body .woocommerce form .form-row input.input-text,
body .woocommerce form .form-row textarea {
    max-width: 100%;
}

body .woocommerce .product-name a {
    color: #151515;
    pointer-events: none;
    cursor: default;
}

@media only screen and (max-width: 1139px) {
    .woocommerce-checkout .entry-content form {
        width: 64%;
    }
}

@media only screen and (max-width: 980px) {
    .woocommerce-checkout .woocommerce .cart-collaterals .cart_totals {
        width: 100%;
    }
    .woocommerce-checkout .entry-content form {
        width: 81%;
        float: none;
        margin: 0 auto;
    }
    .woocommerce-checkout .woocommerce .cart-collaterals {
        width: 81%;
        float: None;
        margin: auto;
    }
    body .woocommerce #content table.cart td.actions .coupon,
    body .woocommerce table.cart td.actions .coupon {
        width: 100%;
        margin-bottom: 10px;
    }
    body #add_payment_method table.cart td.actions .coupon .input-text,
    body.woocommerce-cart table.cart td.actions .coupon .input-text,
    body.woocommerce-checkout table.cart td.actions .coupon .input-text {
        width: 48%;
    }
}

body #add_payment_method table.cart td.actions .coupon .input-text,
body.woocommerce-cart table.cart td.actions .coupon .input-text,
body.woocommerce-checkout table.cart td.actions .coupon .input-text {
    border-radius: 3px;
    padding: 8px 10px !important;
	width: calc(100% - 150px) !important;
}
body #add_payment_method table.cart td.actions .coupon,
body.woocommerce-cart table.cart td.actions .coupon,
body.woocommerce-checkout table.cart td.actions .coupon {
	width: 60% !important;
}

table.cart .quantity .qty{
    width: 4.6em !important;
}

@media only screen and (max-width: 651px) {
    .woocommerce-checkout .woocommerce .col2-set {
        width: 100%;
        float: none;
        margin-right: 0;
    }
    .woocommerce-checkout #order_review_heading,
    .woocommerce-checkout #order_review {
        width: 100%;
        float: none;
    }
}

#add_payment_method table.cart td,
.woocommerce-checkout table.cart td,
.woocommerce-checkout table.cart td,
.woocommerce-checkout table.shop_table td {
    color: #151515 !important;
    font-size: 16px;
    background-color: #f4f5f4;
    border: none !important;
}

.cart-collaterals {
    font-size: 16px;
}

.restore-item{
    color: #f4f5f4;
}
.shipping-calculator-button, .restore-item:hover{
    color: #f4f5f4;
}
.shipping-calculator-button:hover{
    color: #151515;
}

@media (min-width:900px) {
    body .woocommerce #content table.cart td.actions .coupon,
    body .woocommerce table.cart td.actions .coupon {
        width: 51%;
    }
    body #add_payment_method table.cart td.actions .coupon .input-text,
    body.woocommerce-checkout table.cart td.actions .coupon .input-text,
    body.woocommerce-checkout table.cart td.actions .coupon .input-text {
        padding: 12px 10px 10px;
        width: 59%;
    }
}

@media (max-width:481px) {
    #add_payment_method table.cart td,
    .woocommerce-cart table.cart td,
    .woocommerce-checkout table.cart td,
    .woocommerce-checkout table.shop_table td {
        color: #555;
        font-size: 16px;
        font-size: 1.1rem;
    }
    body #add_payment_method table.cart td.actions .coupon .input-text,
    body.woocommerce-cart table.cart td.actions .coupon .input-text,
    body.woocommerce-checkout table.cart td.actions .coupon .input-text {
        padding: 8px 10px 6px;
    }
    .cart_totals>table {
        font-size: 1.1rem;
    }
    .woocommerce-checkout {
        overflow-x: hidden;
    }
}

@media (max-width:321px) {
    .woocommerce #respond #submit,
    .woocommerce a.button,
    .woocommerce button.button,
    .woocommerce .button {
        font-size: initial!important;
    }
}

#customer_details input, #customer_details select, #customer_details textarea{
    border: 1px solid #151515;
}
#customer_details{
	padding-bottom: 20px;
}

/* HIDE SUB-ITEMS OF BUNDLED PRODUCT IN CART/CHECKOUT */
/*.bundled_table_item{*/
/*    display: none;*/
/*}*/

.coupon{
	display: none;
}

#payment{
    background-color: white !important;
    border: 1px solid #151515;
/*     margin-bottom: 100px; */
}
#ship-to-different-address{
    line-height: 15px !important;
}
@media(min-width: 980px){
    #ship-to-different-address{
        border-top: 1px solid #151515;
    }    
}

#ship-to-different-address span,
.woocommerce-billing-fields h3,
#order_review_heading{
    font-size: 22px;
    color: #151515;
    font-weight: bold;
}

@media(max-width: 975px){
    .sv-wc-payment-gateway-card-icons{
        padding-top: 10px;
    }
}

/* 2 COLUMN CHECKOUT */
@media (min-width: 980px){
    #customer_details{
        width: 100%;
/*         float: left; */
/*         padding-right: 25px; */
    }
    #order_review_heading{
        width: 100%;
/*         float: left; */
    }
    #order_review{
        width: 100%;
/*         float: left; */
        padding-right: 0px;
    }
    .woocommerce table.shop_table td{
        width: 100%;
    }
    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
    .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
        width: 100%;
    }
}

/* WooCommerce My Account */

body.woocommerce-account main,
body.woocommerce-order-received main{
    margin-top: 50px !important;
    margin-bottom: 100px !important;
}

body.woocommerce-account:not(.logged-in) h1{
    display: none;
}
body.woocommerce-account:not(.logged-in) .woocommerce > h2{
    color: #151515;
    font-weight: bold;
}

body.woocommerce-account h1,
body.woocommerce-order-received h1,
body.woocommerce-page h1{
    font-weight: bold;
}
body.woocommerce-account h1,
body.woocommerce-page h1,
body.woocommerce-account p,
body.woocommerce-order-received h1,
body.woocommerce-order-received p{
    color: #151515;
}
@media only screen and (min-width: 769px) {
  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 22%;
  }
  .woocommerce-account .woocommerce-MyAccount-content { 
    width: 75%;
  }
}
/* Style WC Account Endpoint Links */
nav.woocommerce-MyAccount-navigation ul {
  list-style-type: none;
  padding-left: 0;
  max-width:200px;
  font-size: 17px;
  line-height: 26px;
}
nav.woocommerce-MyAccount-navigation ul li {
  padding: 8px 20px;
  background-color: #f4f5f4;
  border-bottom: 1px solid rgba(0,58,95,0.1);
}
nav.woocommerce-MyAccount-navigation ul li.is-active {
  background-color: #f99d31;
}
nav.woocommerce-MyAccount-navigation ul li.is-active a {
  color: white;
  font-weight: bold;
  cursor: default;
}
nav.woocommerce-MyAccount-navigation ul li.is-active:after {
  content: "";
  height: 0;
  width: 0;
  border-top: 20px solid transparent;
  border-left: 14px solid #f99d31;
  border-bottom: 20px solid transparent;
  float: right;
  margin-right: -34px;
  margin-top: -7px;
}
nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover {
  background-color: #f99d31;
}
nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover a{
    color: white;
}
nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover:after { 
  content: "";
  height: 0;
  width: 0;
  border-top: 20px solid transparent;
  border-left: 14px solid #f99d31;
  border-bottom: 20px solid transparent;
  float: right;
  margin-right: -34px;
  margin-top: -7px;
}

.woocommerce-EditAccountForm fieldset{
    margin-bottom: 20px !important;
}
.woocommerce-EditAccountForm fieldset > legend{
    padding: 0px 4px;
}

/* elementor-message */
#blog_newsletter_signup_form .elementor-message,
.elementor-location-footer .elementor-message {
    color: #fff;
}