#wcs-debug {
padding: 0 0 0;
font-size: 1em;
margin-bottom: 2em;
}
#wcs-debug #wcs-debug-header {
background: #3d9cd2;
color: #ffffff;
padding: 10px 20px;
cursor: pointer;
position: relative;
}
#wcs-debug #wcs-debug-header .wcs-debug-toggle {
background-image: url(//maisonzafir.com/wp-content/plugins/conditional-shipping-for-woocommerce/frontend/img/arrow.svg);
background-repeat: no-repeat;
background-position: right center;
width: 42px;
height: 100%;
right: 0;
top: 0;
background-size: 42px;
position: absolute;
transition: .3s all;
}
#wcs-debug.closed .wcs-debug-toggle {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#wcs-debug #wcs-debug-contents {
padding: 20px 20px 0;
display: none;
border: 1px solid #dee2e6;
border-width: 0 1px 1px;
}
#wcs-debug #wcs-debug-contents .wcs-debug-tip {
color: #1864ab;
background: url(//maisonzafir.com/wp-content/plugins/conditional-shipping-for-woocommerce/frontend/img/tip2.svg) no-repeat left 5px;
background-size: 16px 16px;
padding-left: 24px;
}
#wcs-debug #wcs-debug-contents h3 {
margin: 10px 0 20px;
font-weight: bold;
font-size: 1.2em;
}
#wcs-debug #wcs-debug-contents h3.ruleset-title {
font-size: 1em;
}
#wcs-debug #wcs-debug-contents h3.ruleset-title a {
font-weight: bold;
}
#wcs-debug .wcs-debug-result-label {
padding: 5px;
border-radius: 3px;
color: #ffffff;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
}
#wcs-debug .wcs-debug-result-label.wcs-debug-result-label-pass {
background: #2b8a3e;
}
#wcs-debug .wcs-debug-result-label.wcs-debug-result-label-fail {
background: #c92a2a;
}
#wcs-debug table.wcs-debug-table {
border: 1px solid #dee2e6;
margin: 0 0 20px;
}
#wcs-debug table.wcs-debug-table.wcs-debug-table-fixed {
table-layout: fixed;
}
#wcs-debug table.wcs-debug-table td, #wcs-debug table.wcs-debug-table th {
padding: 5px 10px;
text-align: left;
}
#wcs-debug table.wcs-debug-table td.align-right,
#wcs-debug table.wcs-debug-table th.align-right {
text-align: right;
} #wcs-notices,
.wcs-shipping-notices {
margin-top: 1em;
}
#wcs-notices .conditional-shipping-notice.conditional-shipping-notice-style-success, #wcs-notices .conditional-shipping-notice.conditional-shipping-notice-style-warning, #wcs-notices .conditional-shipping-notice.conditional-shipping-notice-style-error,
.wcs-shipping-notices .conditional-shipping-notice.conditional-shipping-notice-style-success,
.wcs-shipping-notices .conditional-shipping-notice.conditional-shipping-notice-style-warning,
.wcs-shipping-notices .conditional-shipping-notice.conditional-shipping-notice-style-error {
margin-bottom: 0.5rem;
padding: 10px 10px 10px 36px;
border: 1px solid #000000;
background-repeat: no-repeat;
background-position: 0.5rem center;
font-size: 0.875em;
font-weight: 400;
color: #2f2f2f;
border-radius: 4px;
line-height: 19px;
}
#wcs-notices .conditional-shipping-notice.conditional-shipping-notice-style-success:last-child, #wcs-notices .conditional-shipping-notice.conditional-shipping-notice-style-warning:last-child, #wcs-notices .conditional-shipping-notice.conditional-shipping-notice-style-error:last-child,
.wcs-shipping-notices .conditional-shipping-notice.conditional-shipping-notice-style-success:last-child,
.wcs-shipping-notices .conditional-shipping-notice.conditional-shipping-notice-style-warning:last-child,
.wcs-shipping-notices .conditional-shipping-notice.conditional-shipping-notice-style-error:last-child {
margin-bottom: 0;
}
#wcs-notices .conditional-shipping-notice.conditional-shipping-notice-style-success.conditional-shipping-notice-style-warning, #wcs-notices .conditional-shipping-notice.conditional-shipping-notice-style-warning.conditional-shipping-notice-style-warning, #wcs-notices .conditional-shipping-notice.conditional-shipping-notice-style-error.conditional-shipping-notice-style-warning,
.wcs-shipping-notices .conditional-shipping-notice.conditional-shipping-notice-style-success.conditional-shipping-notice-style-warning,
.wcs-shipping-notices .conditional-shipping-notice.conditional-shipping-notice-style-warning.conditional-shipping-notice-style-warning,
.wcs-shipping-notices .conditional-shipping-notice.conditional-shipping-notice-style-error.conditional-shipping-notice-style-warning {
background-image: url(//maisonzafir.com/wp-content/plugins/conditional-shipping-for-woocommerce/frontend/img/notices/warning.svg);
background-size: 20px 20px;
background-color: #fffbf4;
border-color: #f0b849;
color: #e67700;
}
#wcs-notices .conditional-shipping-notice.conditional-shipping-notice-style-success.conditional-shipping-notice-style-success, #wcs-notices .conditional-shipping-notice.conditional-shipping-notice-style-warning.conditional-shipping-notice-style-success, #wcs-notices .conditional-shipping-notice.conditional-shipping-notice-style-error.conditional-shipping-notice-style-success,
.wcs-shipping-notices .conditional-shipping-notice.conditional-shipping-notice-style-success.conditional-shipping-notice-style-success,
.wcs-shipping-notices .conditional-shipping-notice.conditional-shipping-notice-style-warning.conditional-shipping-notice-style-success,
.wcs-shipping-notices .conditional-shipping-notice.conditional-shipping-notice-style-error.conditional-shipping-notice-style-success {
background-image: url(//maisonzafir.com/wp-content/plugins/conditional-shipping-for-woocommerce/frontend/img/notices/yes-alt.svg);
background-size: 20px 20px;
background-color: #f4fff4;
border-color: #66C449;
color: #2b8a3e;
}
#wcs-notices .conditional-shipping-notice.conditional-shipping-notice-style-success.conditional-shipping-notice-style-error, #wcs-notices .conditional-shipping-notice.conditional-shipping-notice-style-warning.conditional-shipping-notice-style-error, #wcs-notices .conditional-shipping-notice.conditional-shipping-notice-style-error.conditional-shipping-notice-style-error,
.wcs-shipping-notices .conditional-shipping-notice.conditional-shipping-notice-style-success.conditional-shipping-notice-style-error,
.wcs-shipping-notices .conditional-shipping-notice.conditional-shipping-notice-style-warning.conditional-shipping-notice-style-error,
.wcs-shipping-notices .conditional-shipping-notice.conditional-shipping-notice-style-error.conditional-shipping-notice-style-error {
background-image: url(//maisonzafir.com/wp-content/plugins/conditional-shipping-for-woocommerce/frontend/img/notices/dismiss.svg);
background-size: 20px 20px;
background-color: #FFF4F4;
border-color: #F06B49;
color: #c92a2a;
}
.wcs-shipping-notices-blocks > div {
margin-bottom: 0.5rem;
}
.wcs-shipping-notices-blocks > div .conditional-shipping-notice {
margin-bottom: 0;
}
.wcs-shipping-notices-blocks > div:last-child {
margin-bottom: 0;
}@keyframes drift-fadeZoomIn {
0% { transform: scale(1.5); opacity: 0; }
100% { transform: scale(1); opacity: 1; }
}
@keyframes drift-fadeZoomOut {
0% { transform: scale(1); opacity: 1; }
15% { transform: scale(1.1); opacity: 1; }
100% { transform: scale(0.5); opacity: 0; }
}
@keyframes drift-loader-rotate {
0% { transform: translate(-50%, -50%) rotate(0); }
50% { transform: translate(-50%, -50%) rotate(-180deg); }
100% { transform: translate(-50%, -50%) rotate(-360deg); }
}
@keyframes drift-loader-before {
0% { transform: scale(1); }
10% { transform: scale(1.2) translateX(6px); }
25% { transform: scale(1.3) translateX(8px); }
40% { transform: scale(1.2) translateX(6px); }
50% { transform: scale(1); }
60% { transform: scale(0.8) translateX(6px); }
75% { transform: scale(0.7) translateX(8px); }
90% { transform: scale(0.8) translateX(6px); }
100% { transform: scale(1); }
}
@keyframes drift-loader-after {
0% { transform: scale(1); }
10% { transform: scale(1.2) translateX(-6px); }
25% { transform: scale(1.3) translateX(-8px); }
40% { transform: scale(1.2) translateX(-6px); }
50% { transform: scale(1); }
60% { transform: scale(0.8) translateX(-6px); }
75% { transform: scale(0.7) translateX(-8px); }
90% { transform: scale(0.8) translateX(-6px); }
100% { transform: scale(1); }
}
.drift-zoom-pane {
background: #fff;
transform: translate3d(0, 0, 0);
}
.drift-zoom-pane.drift-opening {
animation: drift-fadeZoomIn 180ms ease-out;
}
.drift-zoom-pane.drift-closing {
animation: drift-fadeZoomOut 210ms ease-in;
}
.drift-zoom-pane.drift-inline {
position: absolute;
width: 150px;
height: 150px;
border-radius: 75px;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
z-index: 999;
}
.drift-zoom-pane-loader {
display: none;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 66px;
height: 20px;
animation: drift-loader-rotate 1800ms infinite linear;
}
.drift-zoom-pane-loader:before, .drift-zoom-pane-loader:after {
content: "";
display: block;
width: 20px;
height: 20px;
position: absolute;
top: 50%;
margin-top: -10px;
border-radius: 20px;
background: rgba(255, 255, 255, 0.9);
}
.drift-zoom-pane-loader:before {
left: 0;
animation: drift-loader-before 1800ms infinite linear;
}
.drift-zoom-pane-loader:after {
right: 0;
animation: drift-loader-after 1800ms infinite linear;
animation-delay: -900ms;
}
.drift-bounding-box {
background: rgba( 255, 255, 255, .25);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4) inset;
z-index: 999;
}
.drift-zoom-pane img {
position: absolute;
display: block;
max-width: none !important;
max-height: none !important;
object-fit: contain;
top: 0;
left: 0;
}