/**
 * Theme Name:     Woostify Child
 * Author:         Woostify
 * Template:       woostify
 * Text Domain:	   woostify-child
 * Description:    Woostify is fast, lightweight, responsive and super flexible WooCommerce theme built with SEO, speed, and usability in mind. The theme works great with any of your favorite page builder likes Elementor, Beaver Builder, SiteOrigin, Thrive Architect, Divi, etc. Therefore, you can build any type of websites like shop, business agencies, corporate, portfolio, education, university portal, consulting, church, restaurant, medical and so on. Woostify is compatible with all well-coded plugins, including major ones like WooCommerce, OrbitFox, Yoast, BuddyPress, bbPress, etc. Learn more about the theme and ready to import demo sites at https://woostify.com
 */

.woocommerce-billing-fields {
    margin-top: 20px;
}
.del_check_rad label, #store-list label {
    display: flex;
    padding: 16px;
    border: 1px solid rgb(229, 229, 229);
    padding: 16px 24px;
    cursor: pointer;
    height: 100%;
    font-size: 20px;
    color: rgb(31, 31, 31);
    position: relative;
    background: #fff;
    align-items: center;
    gap: 7px;
    min-width: 185px;
}
.del_check_rad label::before , #store-list label::before{
    box-shadow: rgba(31, 31, 31, 0.2) 0px 2px 8px;
    content: '';
    width: 6px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
	opacity: 0;
}
.del_check_rad label:Hover::before {
    opacity: 1;
}
.del_check_rad label span.MuiIconButton-label,  #store-list label span.MuiIconButton-label{
    border-radius: 50%;
    padding: 4px;
    border-color: #6C6C6C;
    color: rgba(0, 0, 0, 0.54);
    width: 18px;
    border: 1px solid #1F1F1F;
    height: 18px;
    display: inline-block;
    position: relative;
	margin-right: 10px;
}
.del_check_rad label span.MuiIconButton-label svg, #store-list label span.MuiIconButton-label svg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 10px;
    height: 10px;
}
.del_check_rad input, #store-list input {
    display: none;
}
.del_check_rad input:checked + label, #store-list input:checked + label {
    border: 1px solid #7E4C9D;
}
.del_check_rad input:checked + label:before, #store-list input:checked + label::before {
    background: #7E4C9D;
    z-index: 0;
	opacity: 1;
}
.del_check_rad input:checked + label span.MuiIconButton-label , 
#store-list input:checked + label span.MuiIconButton-label{
    background-color: #067800;
    border-color: #067800;
    margin-right: 6px;
	line-height: 1.4;
}
.del_check_rad {
    display: flex;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap;
}
div#pin_code_field h3, p.st_errorP {
    width: 100%;
}
div#pin_code_field {
    width: calc(100% - 400px);
    padding-right: 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
div#pin_code_field {
    width: calc(100% - 400px);
    padding-right: 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-end;
	gap: 15px 10px;
}
div#pin_code_field h3, p.st_errorP {
    width: 100%;
}
#pin_code_field {
    width: 77%;
    margin-bottom: 0;
}
a#findStore_btn {
    font-weight: 600;
    text-transform: uppercase;
    background-color: #7E4C9D;
    color: #ffffff;
    border-radius: 50px;
    padding: 7px 37px;
	position: relative;
}
#findStore_btn.loading::before {
    content: '';
    position: absolute;
    top: 13px;
    left: 13px;
    width: 16px;
    height: 17px;
    border: 2px solid #FFF;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} 
.fri {
    background: rgb(254, 221, 214);
    padding: 0px 8px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 2px;
    text-transform: uppercase;
    line-height: 1.5;
}
div#pin_code_field h3 {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.01em;
    font-weight: 400;
    margin-bottom: 9px;
}
#store-list label {
    flex-wrap: wrap;
}
#store-list label .tb_div {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 18px;
}
#store-list h4 {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.01em;
    color: #1F1F1F;
    margin: 0;
}
#store-list label p {
    width: 100%;
    margin: 0;
    color: rgb(108, 108, 108);
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.01em;
    padding-left: 36px;
}
#store-list label:hover {
    box-shadow: rgba(31, 31, 31, 0.2) 0px 2px 8px;
}
#store-list label p {
    width: 100%;
}
#store-list .dist {
    margin-left: auto;
    color: rgb(108, 108, 108);
    font-size: 16px;
}
div#store-list .store:not(:last-child) {
    margin-bottom: 8px;
}
.lod_btn {
    text-align: center;
    margin-top: 16px;
}
#load-more-stores {
    color: #1F1F1F;
    border-bottom: 2px solid rgb(165, 165, 165);
    line-height: 1.5;
    letter-spacing: 0.01em;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
#load-more-stores svg {
    transform: rotateZ(90deg);
}
.lod_btn {
    text-align: center;
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
}
.loc_pick_info p:not(:last-child) {
    margin-bottom: 1px;
}
.loc_pick_info p {
    color: #2b2b2b;
    font-size: 15px;
}
.woocommerce-billing-fields__field-wrapper {
    margin-top: 20px;
}
#store-list, .lod_btn {
    width: 100%;
}
.loc_pick_info {
    float: unset;
    clear: both;
}
.austi_tex {
    font-size: 12px;
    font-weight: 600;
    position: absolute;
    top: 4px;
    left: 25px;
    color: #7E4C9D;
    line-height: 1;
}
body.not-australia input#check_local +label {
    display: none !important;
}
@media screen and (max-width: 991px){
	#store-list, .lod_btn, #pin_code_field {
    	width: 100%;
		padding-right: 0;
	}
}

@media screen and (max-width: 575px){
	.del_check_rad label, #store-list label {
		padding: 12px 16px;
		font-size: 18px;
		min-width: unset;
	}
	.del_check_rad {
		gap: 15px;
	}
}
