.cod_scroll_hidden{
overflow: hidden;
}
.is-invalid {
border-color: red;
}
.is-invalid ~ .invalid-feedback {
display: block;
}
.invalid-feedback {
display: none;
color: red;
font-size: 0.875em;
} .shake {
animation: codshake 3s infinite !important; }
.bounce {
animation: codbounce 3s infinite !important; }
.pulse {
animation: codpulse 3s infinite !important; } @keyframes codshake {
0% { transform: rotate(0); }
2% { transform: translateY(-2px) rotate(-2deg); transform-origin: center;}
4% { transform: translateY(2px) rotate(2deg); transform-origin: center;}
6% { transform: translateY(-2px) rotate(-2deg); transform-origin: center;}
8% { transform: translateY(2px) rotate(2deg); transform-origin: center;}
10% { transform: translateY(-2px) rotate(-2deg); transform-origin: center;}
12% { transform: rotate(0); transform-origin: center;}
}
@keyframes codbounce {
0%  { transform: translateY(0); }
5% { transform: translateY(-8px); }
10%  { transform: translateY(0); }
15% { transform: translateY(-8px); }
20%  { transform: translateY(0); }
}
@keyframes codpulse {
0% { transform: scale(1); }
10% { transform: scale(1.1); }
20% { transform: scale(1); }
}#commercegurus-pdp-gallery-wrapper {
z-index: 0;
}
.single-product div.product .variations_button {
padding-top: 0 !important;
}
.single-product div.product form.cart {
margin-bottom: 0 !important;
padding: 0 !important;
}
#codFormModal {
z-index: 999999;
}
.cod-woocommerce-cart-table {
width: 100% !important;
}
.cod-modal-content img {
max-width: 100%;
width: 100%;
border-radius: 5px;
}
.cod-modal-content .form-group label {
margin-bottom: 0px;
margin-top: .7rem;
text-align: left;
font-weight: 500;
}
.variations_form table.variations {
margin-bottom: 0px !important;
}
.variations_form table.variations tr {
margin: 0px;
}
#codFormModal input:focus {
background-repeat: no-repeat;
width: 100%;
}
.cod-modal-content input,
.cod-modal-content select,
.cod-modal-content textarea {
margin: 6px 0;
padding: 6px 15px !important;
border-radius: 3px !important;
border: 1px solid silver !important;
background-color: #fff !important;
color: #000 !important;
height: 47px;
font-size: 0.95em;
width: 100%;
box-sizing: border-box;
background-size: 15px !important;
background-position: 8px center !important;
padding-left: calc(22px + 15px) !important;
} .variations_form table.variations td.woo-variation-items-wrapper {
display: flex;
}
a.reset_variations {
margin-left: 5px;
} .loader_container {
position: fixed;
width: 100%;
height: 100%;
display: flex;
left: 0;
top: 0;
align-items: center;
justify-content: center;
display: none;
background-color: rgba(0, 0, 0, 0.4);
z-index: 999999;
}  .cod-modal-content {
color: #000;
max-width: 520px;
width: 100%;
position: relative;
border-radius: 9px;
box-shadow: 0 10px 20px 0 rgb(0, 0, 0, 0.2);
border: 0px solid rgba(0, 0, 0, 1);
} .cod-woocommerce-cart-table {
border-collapse: separate;
}
button.remove-product {
border: 0px;
padding: 0;
height: 19px;
width: 19px;
margin: 0;
display: flex;
align-items: center;
cursor: pointer;
background: #fff0 !important;
}
button.remove-product:hover {
background: #fff0;
}
.cod-product-remove {
text-align: right;
}
.cod-woocommerce-cart-table {
margin: 0 0 10px;
}
.cod_table,
.cod-woocommerce-cart-table {
padding: 8px 12px 5px;
background-color: #f3f3f3;
border-radius: 6px;
font-size: 1rem;
margin-bottom: 10px;
border: 1px solid #ebebeb;
}
.cod_table .woocommerce-Price-amount {
font-weight: 700;
}
.cod_td {
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
}
.cod_td.total {
border-top: 1px solid #c7c7c7;
margin-top: 6px;
padding-top: 5px;
} .cod-cart td {
vertical-align: middle;
padding: 5px;
border: 0px;
}
td.cod-product-img {
min-width: 50px;
}
.cod-woocommerce-cart-table tr td {
background-color: transparent !important;
}
.cod-product-img {
max-width: 37px;
position: relative;
}
.cod-product-img img {
max-width: 40px !important;
max-height: 40px !important;
border-radius: 5px;
}
.cod-cart-quantity {
position: absolute;
top: 0;
width: 21px;
height: 21px;
display: flex;
color: #fff;
background: #000;
line-height: 0;
justify-content: center;
align-items: center;
font-weight: 600;
border-radius: 50%;
padding-bottom: 2px;
} .cod-modal h3 {
font-weight: 600;
margin: 10px 0px;
}
.cod-modal {
display: none; position: fixed; z-index: 1000; left: 0;
top: 0;
width: 100%; height: 100%; overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4); }
.cod-modal-content {
background-color: #fefefe;
margin: 2% auto; padding: 20px;
border: 1px solid #888;
width: 80%; }
.cod-modal-close {
position: absolute;
color: #aaa;
right: 20px;
top: 20px;
font-size: 28px;
font-weight: bold;
line-height: 1;
}
.cod-modal-close:hover,
.cod-modal-close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
@media (max-width:580px) {
.cod-modal-content {
width: 90%;
}
}
@media (max-width:480px) {
.cod-modal-content {
width: fit-content;
min-width: 88%;
}
.cod-cart .cod-product-name {
font-size: 13px;
font-weight: 400;
}
} .cod-modal-content .form-group {
display: flex;
flex-direction: column;
}
.cod_hide {
display: none;
}
.cod-modal-content input,
.cod-modal-content select {
margin: 6px 0px;
padding: 6px 15px !important;
border-radius: 3px !important;
border: 1px solid silver !important;
background-color: #fff !important;
color: #000 !important;
display: block;
margin-bottom: 0;
height: 47px;
font-size: .95em;
box-sizing: border-box;
width: 100%;
background-size: 15px !important;
background-repeat: no-repeat;
background-position: 8px center !important;
padding-left: calc(22px + 15px) !important;
}
.cod-modal-content .cod_terms label {
display: flex !important;
align-items: center !important;
gap: 5px;
}
input[type=checkbox],
input[type=radio] {
width: auto !important;
padding: 0px !important;
}
.cod-modal-content input:focus {
outline: none;
}
.cod-modal-content input .form-group label {
margin-top: 5px;
}
.cod-modal-content #shipping-methods label {
display: flex;
align-items: center;
gap: 10px;
}
.cod-modal-content .shipping-method input {
height: 20px;
margin: 0 !important;
}
.cod_terms label {
display: inline;
}
.cod_terms {
margin: 5px 0px;
}
.cod_terms input {
height: 20px;
float: left;
margin-top: 0px;
margin-right: 5px;
}
.cod-modal-content .shipping-method {
margin: 4px 0px;
padding: 2px 14px;
border-radius: 6px;
border: 1px solid silver;
background-color: #fff;
}
#codFormModal #checkout_form #shipping-methods label {
margin: 0px;
}
.cod-form-group-row {
flex-direction: row !important;
justify-content: space-between !important;
align-items: center !important;
}
.cod-form-group-row label {
margin: 0px !important;
font-size: 15px;
}
.cod-form-group-row input,
.cod-form-group-row select,
.cod-form-group-row textarea {
max-width: 75%;
}
.cod_required_input {
color: #ff0000;
display: inline-block;
margin-left: 2px;
}
@media screen and (max-width: 520px) {
.cod-form-group-row label {
font-size: 13px;
}
.cod-form-group-row input,
.cod-form-group-row select,
.cod-form-group-row textarea {
max-width: 72%;
}
} button#modalcodf_menu_cart {
padding: 0;
margin: 0;
background: none;
border: 0px;
cursor: pointer;
display: flex;
outline: none;
}
.not_cart_items {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.not_cart_items svg {
width: 100%;
max-width: 100px;
height: auto;
} .cod_container_button_order {
display: flex;
gap: 10px;
align-items: stretch;
} @media (max-width:767px) {
.cod_sticky {
position: fixed;
bottom: 0;
width: 100%;
left: 0;
z-index: 9;
}
} .shortcode_add_to_cart p {
margin: 0;
}
.shortcode_add_to_cart .woocommerce-variation-add-to-cart>p {
display: none;
}
.shortcode_add_to_cart .cod_container_button_order {
margin-top: 5px;
} button.cod-modal-button {
margin-top: 10px;
width: 100% !important;
}
.cod_wc_coexist {
margin-top: 10px;
} button.remove-product {
padding: 0px !important;
margin: 0px;
background: #fff0;
} .discount-amount,
.cod-modal-content span.shipping-amount {
color: var(--highlight-color);
}
.qo_variable_value {
display: flex;
flex-direction: column;
align-items: flex-end;
} :root {
--primary-color: #000000;
--secondary-color: #ffffff;
--border-color: silver;
--background-light: #ebebeb;
--border-radius-small: 3px;
--border-radius-medium: 6px;
--border-radius-large: 9px;
--spacing-small: 5px;
--spacing-medium: 10px;
--spacing-large: 20px;
} .cod-modal-content {
color: var(--primary-color);
border-radius: var(--border-radius-large); } .cod-modal h3 {
font-size: var(--cod-title-size, 28px);
} .cod-modal-button {
background-color: var(--cod-btn-bg, #000000);
color: var(--cod-btn-color, #ffffff);
border-radius: var(--cod-btn-radius, 0px);
border-width: var(--cod-btn-bw, 0px);
border-color: var(--cod-btn-bc, #000000);
border-style: solid;
box-shadow: 0 0 var(--cod-btn-shadow, 0) var(--cod-btn-shadow, 0) rgba(0, 0, 0, .1);
font-size: var(--cod-btn-fs, 1rem);
width: var(--cod-btn-width, 100%);
padding: 10px 25px;
} #first_name,
#last_name {
background-image: var(--cod-icon-user, url(//kairoartesanias.com/wp-content/plugins/modal-cod-form/assets/img/modalcodf-user.svg));
}
#phone {
background-image: var(--cod-icon-phone, url(//kairoartesanias.com/wp-content/plugins/modal-cod-form/assets/img/modalcodf-phone.svg));
}
#country,
#state,
#city,
#address,
#address_2 {
background-image: var(--cod-icon-location, url(//kairoartesanias.com/wp-content/plugins/modal-cod-form/assets/img/modalcodf-location.svg));
}
#email {
background-image: var(--cod-icon-email, url(//kairoartesanias.com/wp-content/plugins/modal-cod-form/assets/img/modalcodf-email.svg));
}
#order_comments {
background-image: var(--cod-icon-msj, url(//kairoartesanias.com/wp-content/plugins/modal-cod-form/assets/img/modalcodf-msj.svg));
} :root {
--highlight-color: #1d6740; } #cod_quantity {
width: 45px;
padding: 5px;
outline: none;
} button#modal_checkout {
background-color: var(--cod-btn-bg, #000000);
color: var(--cod-btn-color, #ffffff);
border-radius: var(--cod-btn-radius, 0px);
border-width: var(--cod-btn-bw, 0px);
border-color: var(--cod-btn-bc, #000000);
border-style: solid;
box-shadow: 0 0 var(--cod-btn-shadow, 0) var(--cod-btn-shadow, 0) rgba(0, 0, 0, .1);
font-size: var(--cod-btn-fs, 1rem);
width: var(--cod-btn-width, auto);
padding: 10px 25px;
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
float: none;
} button#modal_checkout>div {
display: flex;
justify-content: center;
align-items: center;
gap: 7px;
font-size: var(--cod-btn-fs, 1rem);
line-height: 1;
} button#modal_checkout>span {
font-size: 0.7rem;
line-height: 1.5;
} button#modal_checkout svg {
width: 17px;
height: auto;
max-width: 17px;
}
button#modal_checkout svg path {
fill: currentColor; } .woocommerce-mini-cart__buttons #modalcodf_menu_cart.button_text_menu_cart {
background-color: var(--cod-btn-bg, #000000);
color: var(--cod-btn-color, #ffffff);
border-radius: var(--cod-btn-radius, 0px);
border-width: var(--cod-btn-bw, 0px);
border-color: var(--cod-btn-bc, #000000);
border-style: solid;
box-shadow: 0 0 var(--cod-btn-shadow, 0) var(--cod-btn-shadow, 0) rgba(0, 0, 0, .1);
font-size: var(--cod-btn-fs, 1rem);
width: var(--cod-btn-width, 100%);
padding: 10px 10px;
display: flex;
justify-content: center;
cursor: pointer;
} button#modalcodf_menu_cart {
padding: 0;
margin: 0;
background: none;
border: 0;
cursor: pointer;
display: flex;
align-items: center;
outline: none; color: var(--mc-icon-color, #000);
} button#modalcodf_menu_cart svg path {
fill: currentColor;
} button#modalcodf_menu_cart svg {
max-width: var(--mc-icon-size, 30px);
width: 100%;
height: auto;
}