/*
Theme Name: Ferry Gut
Theme URI: https://noesteijver.nl
Author: Noeste IJver
Author URI: https://noesteijver.nl
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ferrygut
Domain Path: /languages
Bitbucket Theme URI: https://bitbucket.org/noesteijver/nij-fer-fegu-2023/
*/

.product_meta {
	line-height: 1.6rem !important
}

/* Fix position of label next to checkbox for creating account on checkout */
.createaccount {
   display: flex !important;
   align-items: center !important;
}
.createaccount input {
   margin-right: 10px;
}

/* Some styling for postcode eu field */
.postcode-eu-autofill-intl-bypass-link {
   /* display: block !important; */
}

#billing_postcodeEuAutofillIntl_field,
#shipping_postcodeEuAutofillIntl_field {
   /* display: block !important; */
}
#billing_postcodeEuAutofillIntl_field label,
#shipping_postcodeEuAutofillIntl_field label,
#billing_postcodeEuAutofillIntl_field span,
#shipping_postcodeEuAutofillIntl_field span {
   /* display: none !important; */
}

.postcodenl-autocomplete-menu, input[class].postcodenl-autocomplete-address-input.postcodenl-autocomplete-address-input-blank {
   background-image: none;
}

.woocommerce form .form-row.woocommerce-validated input,
.woocommerce form .form-row.woocommerce-validated span.select2-selection {
   border-color: green !important;
}

/* I want to make the border 2px wide when the input is focused */
.woocommerce form .form-row input:focus,
.woocommerce form .form-row span.select2-container--default.select2-container--focus {
   border-width: 2px !important;
}




#cart-loading,
#mobile-cart-loading {
   display: block;
   margin: 0 auto;
   width: 30px;
   height: 30px;
   border: 3px solid rgba(41,214,99,.3);
   border-radius: 50%;
   border-top-color: #21ab4f;
   animation: spin 1s ease-in-out infinite;
   -webkit-animation: spin 1s ease-in-out infinite;
 }
 
 @keyframes spin {
   to { -webkit-transform: rotate(360deg); }
 }
 @-webkit-keyframes spin {
   to { -webkit-transform: rotate(360deg); }
 }