.checkbox-group.finishing-checkbox .checkbox-item {
margin-bottom: 15px;
}
.flag-type-option-group .item-image-placeholder {
margin-right: 20px;
flex: 0 0 100px;
}
.checkbox-item.flex-60 {
display: block;
}
.success-message {
padding: 50px;
text-align: center;
max-width: max-content;
margin: 0 auto;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.success-message img {
width: 70px;
margin-bottom: 15px;
}
.popup-wrapper {
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #00000054;
}
.popup_content {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
max-width: 1000px;
width: 100%;  width: max-content;
}
.checkbox-group.postcard-finishing-options , .checkbox-group.businesscard-finishing-options{
display: flex;gap: 0;
}
.flex-40 {
flex: 0 0 40%;
margin-bottom: 15px;
}
.flex-60 {
flex: 0 0 60%;
margin-bottom: 15px;
}
.section-inline.mb-15 {
margin-bottom: 35px;
}
.quote-modal {
background-color: #fff;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
width: 100%;
overflow: hidden;
}
.modal-header-title {
background-color: #A92026;
padding: 15px 25px;
text-align: center;
}
.modal-header-title h1 {
color: #fff;
font-size: 24px;
margin: 0 0 5px 0;
}
.modal-header-title p {
color: #f0f0f0;
font-size: 14px;
margin: 0;
}
.sticky-header {
padding: 20px 45px;
background-color: #fff;
}
.step-pop-title {
padding: 30px 45px 0;
margin: 0;
font-weight: 300;
font-size: 24px;
}
.sticky-header .top-row {
display: flex;
gap: 15px;
margin-bottom: 25px;
}
.sticky-header .top-row input, .sticky-header .top-row select {
flex: 1;
padding: 15px;
border: 1px solid #dedede;
border-radius: 10px;
font-size: 18px;
height: 50px;
color: #000;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);
}
.sticky-header .bottom-row {
display: flex;
gap: 15px;
align-items: center;
width: 54.4%;
}
.sticky-header .bottom-row select {
flex-grow: 1;
padding: 10px 12px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 14px;
}
.sticky-header .bottom-row .go-button-container {
flex-shrink: 0;
display: none;
}
.sticky-header .bottom-row button {
padding: 10px 15px;
background-color: #e1e1e1;
border: 0px solid #ccc;
color: #333;
border-radius: 10px;
cursor: pointer;
height: 50px;
font-size: 20px;
text-transform: capitalize;
font-weight: 500;
}
.sticky-header .bottom-row button:hover {
background-color: #d0d0d0;
}
.multistep-form-container {
padding: 0 45px 25px;
}
.form-steps-wrapper {
display: none;
}
.form-steps-wrapper.active {
display: block;
}
.form-step {
display: none;
}
.form-step.active {
display: block;
}
.step-content-wrapper {
display: flex;
gap: 30px;
}
.form-fields {
flex: 2;
display: flex;
flex-direction: column;
gap: 15px;
padding: 23px 23px 45px 23px;
border: 1px solid #dedede;
border-radius: 15px;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);  flex: 0 0 calc(60% - 46px);
min-height: 550px;
}
.form-fields textarea {
width: 100%;
padding: 10px 12px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 14px;
box-sizing: border-box;
min-height: 80px;
resize: vertical;
}
.info-panel {
flex: 1;
font-size: 13px;
color: #555;
padding-top: 35px;  flex: 0 0 42%;
}
.info-panel h4 {
font-size: 16px;
color: #4d4d4d;
margin-top: 0;
margin-bottom: 8px;
font-weight: 400;  margin-top: 10px;
}
.info-panel p {
margin-top: 0;
margin-bottom: 15px;
line-height: 1.5;
color: #4d4d4d;
font-size: 14px;
}
.info-panel p strong {
color: #4d4d4d;
}
.info-panel .image-placeholder {
width: 100%;
min-height: 60px;
background-color: #f0f0f0;
border: 1px dashed #ccc;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
color: #777;
font-size: 11px;
margin-bottom: 15px;
box-sizing: border-box;
padding: 10px;
}
.info-panel .image-placeholder.small {
min-height: 40px;
}
.info-panel .image-placeholder.medium {
min-height: 80px;
}
.info-panel .image-placeholder img {
max-width: 100%;
max-height: 150px;
object-fit: contain;
border: 1px solid #ddd; }
.info-panel .image-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
gap: 10px;
}
.info-panel .image-grid .image-placeholder {
min-height: 80px;
font-size: 10px;
}
.info-panel .image-placeholder.banner-size-diagram {
height: 80px;
}
.info-panel .dh-visuals-container {
display: flex;
gap: 10px;
justify-content: space-around;
}
.info-panel .dh-visuals-container .image-placeholder {
flex: 1;
min-height: 120px;
max-width: 45%;
}
.form-group {
margin-bottom: 10px;
}
.form-group label, .form-group .group-label {
display: block;
font-weight: 400;
color: #b11116;
margin-bottom: 8px;
font-size: 24px;
}
.form-group.version-control {
display: flex;
}
.form-group.version-control p {
font-size: 16px;
line-height: 1.5;
flex: 0 0 75%;
}
.artwork-checklist .checkbox-group {
padding-left: 30px;
}
#pkg_height, #pkg_length, #pkg_width {
flex: 0 0 93px;
font-size: 18px;
padding: 15px 0;
text-align: center;
}
#packageBoxFormSteps span {
margin: 0 5px;
}
.lebel-spacing {
line-height: 1;
margin-top: 15px;
font-weight: 16px;
}
.form-group .group-label .check-instruction {
font-weight: normal;
font-size: 15px;
color: #666;
}
.form-group input[type="text"],
.form-group input[type="number"],
.form-group select, 
.form-group textarea {
padding: 10px 15px;
border: 1px solid #dedede;
border-radius: 15px;
font-size: 18px;
height: 50px;
color: #000;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);
}
#service_type {
padding: 0px 15px;
border: 1px solid #dedede;
border-radius: 15px;
font-size: 24px;
height: 50px;
color: #4d4d4d;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);
}
.form-group.field-inline {
display: flex;
gap: 10px;
}
.image-place {
margin: 90px 0 80px;
}
.form-group select {
margin-bottom: 5px;
}
.form-group .inline-inputs {
display: flex;
align-items: center;
gap: 8px;
}
.form-group .inline-inputs input {
flex: 1;
}
.standing-banner-group .radio-item label {
font-weight: 600;
}
#service_type, .quote-modal select{
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(//printingbox.ca/wp-content/plugins/multi-step-quote-form/img/arrow.jpg);
background-repeat: no-repeat;
background-position: 95% center;
line-height: 1.5;  padding-right: 35px;
}
.radio-group.presentationfolder-pocket-options .radio-item {
column-gap: 25px;
}
.trade-show-option-group {
margin-bottom: 20px;
}
.trade-show-option-group img {
max-width: 105px;
margin-right: 30px;
}
.flag-type-option-group select {
min-width: 250px;
}
.form-group .inline-inputs span {
color: #4d4d4d;
font-size: 17px;
margin: 0 10px;
}
.form-group .custom-size-label {
font-size: 16px;
color: #555;
margin-bottom: 5px;
font-weight: normal;
display: block;
margin-top: 10px;
flex: 0 0 auto;
}
.flag-type-option-group img {
margin-right: 20px;
}
.form-group .fixed-size-display {
padding: 10px 12px;
border: 1px solid #eee;
background-color: #f9f9f9;
border-radius: 4px;
font-size: 14px;
color: #555;
text-align: center;
}
.radio-group {
display: flex;
flex-wrap: wrap;
gap: 22px;
}
.checkbox-group {
display: flex;
flex-wrap: wrap;
column-gap: 30px;
}
.checkbox-group.column-2 .checkbox-item {
flex: 0 0 29%;
}
.wind-icon-placeholder img {
display: block;
}
.wind-icon-placeholder {
max-width: 80px;
text-align: center;
}
.checkbox-group.vertical-list {
flex-direction: column;
gap: 8px;
}
.wind-direction-options {
flex-wrap: nowrap;
}
.left-field {
flex: 0 0 26%;
}
.right-field {
flex: 0 0 74%;
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.checkbox-group.special-finishing-options {
padding: 0;
}
.radio-item,
.checkbox-item {
display: flex;
align-items: center;
gap: 5px;
}
.radio-item label, .checkbox-item label {
font-weight: normal;
color: #4d4d4d;
cursor: pointer;
font-size: 16px;
display: flex;
align-items: center;
line-height: 1.2;
margin: 0;
}
.form-group.field-inline .group-label {
flex: 0 0 max-content;
}
.navigation-buttons {   
display: flex;
justify-content: center;
width: 54%;
margin-top: -25px;
}
.navigation-buttons button {
padding: 12px 30px;
background-color: #4d4d4d;
color: #fff;
border: none;
border-radius: 10px;
cursor: pointer;
font-size: 20px;
font-weight: 400;
text-transform: capitalize;
height: auto;  margin-right: 10px;
}
.navigation-buttons button:last-child {
margin-right: 0;
}
.navigation-buttons button.submit-button {
background-color: #A92026;
}
.finishing-options,
.package-finishing-options,
.booklet-cover-finishing-options,
.banner-finishing-options,
.brochure-fold-options,
.postcard-finishing-options,
.businesscard-finishing-options,
.carbonless-finishing-options,
.other-finishing-options {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px 20px;
}
.businesscard-finishing-options,
.other-finishing-options {
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.carbonless-finishing-options .checkbox-item,
.doorhanger-finishing-options .radio-item {
margin-bottom: 8px;
}
.presentationfolder-pocket-options .radio-item {
margin-bottom: 8px;
}
.flag-base-options {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
gap: 15px;
align-items: flex-start;
}
.flag-base-options .radio-item {
flex-direction: column;
align-items: center;
text-align: center;
}
.standing-banner-group label {
font-weight: normal;
color: #333;
font-size: 16px;
margin-bottom: 0;
line-height: 32px;
}
.quote-modal select option{
font-family: Montserrat;
}
.flag-base-options .radio-item label {
gap: 0;
}
.flag-base-options .radio-item input[type="radio"]+label::before {
margin-bottom: 5px;
}
.flag-type-option-group,
.item-option-group {
margin-bottom: 20px;
}
.flag-type-option-group:last-child,
.item-option-group:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.flag-type-option-group .main-flag-radio label, .item-option-group .main-item-radio label {
font-weight: 600;
font-size: 16px;
}
.flag-type-option-group {
display: flex;
}
.item-image-placeholder.table-cloth {
height: 60px;
}
.item-image-placeholder.podium {
height: 80px;
}
.flag-type-option-group .flag-sub-options,
.item-option-group .item-sub-options {
display: flex;
flex-direction: column;
gap: 8px;
}
.flag-type-option-group .flag-sub-options .checkbox-group,
.item-option-group .item-sub-options .checkbox-group {
gap: 5px 15px;
}
.item-option-group .item-sub-options .radio-group {
gap: 5px 15px;
margin-top: 5px;
}
.flag-type-option-group .flag-sub-options>label,
.item-option-group .item-sub-options>label {
font-weight: normal;
color: #333;
font-size: 14px;
margin-bottom: 0;
}
.upload-button-container {
margin-top: 10px;
text-align: center;
}
.upload-button {
display: inline-flex;
align-items: center;
padding: 9px 20px;
background-color: #afb0b3;
color: #fff;
border-radius: 10px;
cursor: pointer;
font-size: 14px;
text-align: center;  max-width: 250px;
}
.upload-button img {
width: 50px;
margin-right: 8px;
}
.upload-button-container input {
display: none !important;
}
.upload-label {
font-weight: 600;
font-size: 16px;
line-height: 1.2;
}
.upload-label span {
display: block;
font-size: 13px;
font-weight: 400;
}
.upload-button .upload-icon {
width: 20px;
height: 20px;
margin-right: 8px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333333'%3E%3Cpath d='M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
}
.upload-button input[type="file"] {
display: none;
}
.checkbox-item input[type="checkbox"]+label::before {
content: '';
display: inline-block;
width: 16px;
height: 16px;
border: 1px solid #ccc;
border-radius: 0px;
margin-right: 13px;
vertical-align: middle;
background-color: white;
flex-shrink: 0;
}
.checkbox-item input[type="checkbox"]:checked+label::before {
background-color: #A92026;
border-color: #A92026;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3E%3Cpath d='M6.155 11.864l-3.023-3.023a.75.75 0 011.06-1.061l1.963 1.962 4.632-4.632a.75.75 0 111.061 1.06L7.216 11.864a.75.75 0 01-1.061 0z'/%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
}
.checkbox-item input[type="checkbox"] {
display: none;
}
.radio-item input[type="radio"]+label::before {
content: '';
display: inline-block;
width: 16px;
height: 16px;
border: 1px solid #ccc;
border-radius: 50%;
margin-right: 8px;
vertical-align: middle;
background-color: white;
box-sizing: border-box;
flex-shrink: 0;
}
.radio-item input[type="radio"]:checked+label::before {
background-color: white;
border: 5px solid #A92026;
}
.radio-item input[type="radio"] {
display: none;
}
.finishing-icons-panel,
.binding-icons-panel {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
gap: 10px;
margin-top: 15px;
font-size: 14px;
text-align: center;
line-height: 1.5;
}
.finishing-icons-panel .icon-image {
margin-bottom: 15px;
}
.finishing-icon,
.binding-icon {
display: flex;
flex-direction: column;
align-items: center;
}
.finishing-icon .icon-placeholder,
.binding-icon .icon-placeholder {
width: 35px;
height: 35px;
border: 1px solid #ddd;
background-color: #f7f7f7;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 4px;
font-weight: bold;
font-size: 9px;
color: #555;
border-radius: 3px;
}
.form-group .simple-label {
font-size: 18px;
color: #4d4d4d;
line-height: 1.5;
}
#label_height, #label_width, #bp_width, #bp_height {
flex: 0 0 100px;
}
.special-finishing-options .checkbox-item {
flex: 0 0 35%;  margin-bottom: 10px;
}
.radio-group.finishing-options {
display: flex;
gap: 8px;
}
#labels_per_roll, .flex40 {
flex: 0 0 50%; 
}
.section-inline {
display: flex;
gap: 10px;
align-items: center;
}
.section-inline p {
margin: 0;
}
.finishing-options .radio-item {
margin-bottom: 10px;
}
.finishing-icon .icon-placeholder.dashed {
border-style: dashed;
}
@media screen and (max-height: 1200px){
#quoteForm {
max-height: 80vh;
overflow-y: scroll;
}
}.vidbg-container {
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: #444; }
.vidbg-container video {
margin: auto;
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: none;
opacity: 0; } .vidbg-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
transition: opacity 0.5s ease; }
.vidbg-tap-to-unmute {
cursor: pointer;
position: absolute;
top: 20px;
left: 20px;
background-color: rgba(255, 255, 255, 0.9);
padding: 5px 10px;
border-radius: 5px;
transition: background-color 0.2s ease-in-out;
display: flex;
align-items: center; }
.vidbg-tap-to-unmute img {
width: 20px;
height: 20px;
margin-right: 7px; }
.vidbg-tap-to-unmute:hover {
background-color: rgba(230, 229, 229, 0.9); }.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}