/* 
Theme Name:		 Hello Elementor Child
Theme URI:		 http://childtheme-generator.com/
Description:	 Hello Elementor Child is a child theme of Hello Elementor, created by ChildTheme-Generator.com
Author:			 Elementor Team
Author URI:		 http://childtheme-generator.com/
Template:		 hello-elementor
Version:		 1.0.0
Text Domain:	 hello-elementor-child
*/


/*
    Add your custom styles here
*/
dd.variation-RegistrationType {
    text-transform: capitalize;
}
.intos dt {
    width: 38%;
}
.intos {
    margin-top: 5px;
    display: flex;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #80808017;
}
.intos dd span {
    font-size: 14px !important;
    font-weight: 400 !important;
}
.intos dd {
    width: 62%;
    text-align: left;
    font-size: 14px;
}
ul.wc-item-meta li {
    display: flex;
}
.group-form textarea {
    width: 100%;
    float: left;
	border-radius: 5px !important;
    padding: 12px !important;
    border: 1px solid #808080ab !important;
	background: #238aff0f;
	height: 130px;
}
.group-form input, .group-form select {
    width: 100% !important;
    float: left;
    height: 50px;
    border-radius: 5px !important;
    padding: 12px !important;
    border: 1px solid #808080ab !important;
	background: #238aff0f;
}
.group-form {
    display: grid;
    align-items: start;
    justify-content: start;
    grid-row-gap: 10px;
    grid-template-columns: repeat(3, 1fr);
    justify-items: stretch;
    gap: 30px;
    margin-bottom: 30px;
}
.group-form label {
    margin-bottom: 10px;
}
dl.variation dt {
    font-weight: 400;
}
dl.variation {
    font-size: 12px;
    line-height: 16px;
}
.e-shop-table.e-cart-section {
    padding: 10px !important;
}

.e-shop-table.e-cart-section td.product-thumbnail ,.e-shop-table.e-cart-section th.product-thumbnail{
    display: none;
}
#add_payment_method table.cart td, #add_payment_method table.cart th, .woocommerce-cart table.cart td, .woocommerce-cart table.cart th, .woocommerce-checkout table.cart td, .woocommerce-checkout table.cart th {
    vertical-align: top;
    border: 1px solid #8080801c !important; 
    padding: 10px !important; 
}
span.required_field {
    color: red;
    margin: 5px;
}



@media (max-width:280px){
	
}
@media (max-width:767px){
	.group-form input, .group-form select {
        height: 50px;
        padding: 10px !important;
        font-size: 16px;
    }
	.group-form textarea {
        padding: 10px !important;
        font-size: 16px;
    }
	.group-form label {
        font-size: 16px;
    }
	.group-form {
        grid-template-columns: repeat(1, 1fr);
        gap: 0px;
        margin-bottom: 30px;
    }
}
@media (max-width:1024px) and (min-width:768px) {
	.group-form input, .group-form select {
        height: 40px;
        padding: 8px !important;
        font-size: 12px;
    }
	.group-form textarea {
        padding: 8px !important;
        font-size: 12px;
    }
	.group-form label {
        font-size: 14px;
    }
	.group-form {
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
		margin-bottom: 20px;
	}
}
@media (max-width:1280px) and (min-width:1024px) {
	.group-form input, .group-form select {
        height: 50px;
        padding: 8px !important;
        font-size: 16px;
    }
	.group-form textarea {
        padding: 8px !important;
        font-size: 16px;
    }
	.group-form label {
        font-size: 16px;
    }
	.group-form {
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
		margin-bottom: 30px;
	}
}
@media (min-width:1280px) and (max-width:1400px) {
	.group-form input, .group-form select {
        height: 50px;
        padding: 10px !important;
        font-size: 16px;
    }
	.group-form textarea {
        padding: 10px !important;
        font-size: 16px;
    }
	.group-form label {
        font-size: 16px;
    }
	.group-form {
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
		margin-bottom: 30px;
	}
}