.new-smrt-form_wrapper form ::placeholder {font-size: 17px;color: #666666;font-weight: 400;} .gform_wrapper.gravity-theme.new-smrt-form_wrapper form input[type=date], .gform_wrapper.gravity-theme.new-smrt-form_wrapper form input[type=email], .gform_wrapper.gravity-theme.new-smrt-form_wrapper form input[type=number], .gform_wrapper.gravity-theme.new-smrt-form_wrapper form input[type=password], .gform_wrapper.gravity-theme.new-smrt-form_wrapper form input[type=search], .gform_wrapper.gravity-theme.new-smrt-form_wrapper form input[type=tel], .gform_wrapper.gravity-theme.new-smrt-form_wrapper form input[type=text], .gform_wrapper.gravity-theme.new-smrt-form_wrapper form input[type=url], .gform_wrapper.gravity-theme.new-smrt-form_wrapper form select, .gform_wrapper.gravity-theme.new-smrt-form_wrapper form textarea { font-size: 17px ; font-weight: 400; } html .quote_form .new-smrt-form_wrapper form.new-smrt-form { margin: auto; max-width: 1350px; } .new-smrt-form_wrapper form.new-smrt-form input, .new-smrt-form_wrapper form.new-smrt-form select { padding: 10px 12px; background-color: #fff; width: 100%; max-width: 100%; height: 45px;} .new-smrt-form_wrapper form.new-smrt-form .ginput_container.ginput_container_phone input { border-radius: 0 3px 3px 0; } .new-smrt-form_wrapper form.new-smrt-form .ginput_container.ginput_container_phone::before { margin: 0; } .new-smrt-form_wrapper form.new-smrt-form .gf_yes_or_no_switch input { display: none; } .new-smrt-form_wrapper form.new-smrt-form .ginput_container_checkbox { margin: 0; padding: 0; } .new-smrt-form_wrapper form.new-smrt-form .gf_yes_or_no_switch label { display: inline-block; width: 85px; height: 40px; background: #455a64; border-radius: 30px; position: relative; cursor: pointer; } .new-smrt-form_wrapper form.new-smrt-form .gf_yes_or_no_switch label::before { content: ""; position: absolute; width: 30px; height: 30px; background: #fff; border-radius: 50%; top: 5px; left: 7px; transition: .3s; box-shadow: -3px 0 3px rgba(0,0,0,.1); } .new-smrt-form_wrapper form.new-smrt-form .gf_yes_or_no_switch label::after { content: "No"; position: absolute; color: #fff; font-size: 18px; font-weight: 600; width: 100%; left: -5px; text-align: right; padding: 0 6px; box-sizing: border-box; line-height: 40px; } .new-smrt-form_wrapper form.new-smrt-form .gf_yes_or_no_switch input:checked~label { background: #506C82; transition: .3s; } .new-smrt-form_wrapper form.new-smrt-form .gf_yes_or_no_switch input:checked~label:before { transform: translate(40px,0); transition: .3s; } .new-smrt-form_wrapper form.new-smrt-form .gf_yes_or_no_switch input:checked~label:after { content: "Yes"; text-align: left; left: 5px; } .gform_wrapper.gravity-theme.new-smrt-form_wrapper form.new-smrt-form .gf_step_number { background: #cccccc; color: #ffffff; font-size: 22px; border: none; margin: 0 15px; height: 55px; max-width: 55px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; text-align: center; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 9; } .new-smrt-form_wrapper form.new-smrt-form .gf_step_completed span.gf_step_number::after, .new-smrt-form_wrapper form.new-smrt-form .gf_step_completed span.gf_step_number::before { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; border: none; background-color: green; border-color: green; font-size: 32px; } .new-smrt-form_wrapper form.new-smrt-form .gf_page_steps { display: flex; justify-content: center; border: none; padding: 0 0 60px 0; margin-top: 20px; } .new-smrt-form_wrapper form.new-smrt-form .gf_page_steps span.gf_step_number:after { content: none; } .new-smrt-form_wrapper form.new-smrt-form .gf_page_steps .gf_step { display: flex; align-items: center; flex-wrap: wrap; margin: 0; text-align: center; justify-content: center; width: 33.33%; position: relative; } .new-smrt-form_wrapper form.new-smrt-form .gf_page_steps .gf_step_completed span.gf_step_number:after { content: "\e917"; } .new-smrt-form_wrapper form.new-smrt-form span.gf_step_label { margin: 0; height: auto; font-size: 20px; padding: 0; width: calc(100% - 70px); text-align: left; color: #455a64; font-weight: 500; width: auto; } .new-smrt-form_wrapper form.new-smrt-form .gf_step_pending .span.gf_step_number { background: #cccccc; color: #ffffff; } .new-smrt-form_wrapper form.new-smrt-form .gf_step_completed span.gf_step_number { background: #506C82; border-color: #506C82; } .new-smrt-form_wrapper form.new-smrt-form .gfield_radio input[type="radio"] { accent-color: #506C82; width: 26px; height: 26px; margin: 5px; display: inline-block; } .new-smrt-form_wrapper form.new-smrt-form input[type="radio"]:checked { background-color: #506C82; accent-color: #506C82; } .new-smrt-form_wrapper form.new-smrt-form .gfac_autocomplete_addr input, .new-smrt-form_wrapper form.new-smrt-form .gfac_autocomplete_addr select { height: 47px; } .new-smrt-form_wrapper form.new-smrt-form .gfac_autocomplete_addr span{margin: 8px 0;} .new-smrt-form_wrapper .checkout_page .checkout_info { margin: 20px 0 5px; } .new-smrt-form_wrapper .checkout_page .info_check.first-child { margin: 15px 0 0; } .new-smrt-form_wrapper form.new-smrt-form .checkout_page .info_check .gfield_checkbox .gfield-choice-input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .new-smrt-form_wrapper form.new-smrt-form .checkout_page .info_check .gfield_checkbox label {position: relative; cursor: pointer; display: flex; font-size: 16px; line-height: 24px; color: #333333; font-weight: 400;} .new-smrt-form_wrapper form.new-smrt-form .checkout_page .info_offerbox { margin: 10px 0 0; } .new-smrt-form_wrapper form.new-smrt-form .checkout_page .info_check .gfield_checkbox label:before {content: ''; -webkit-appearance: none; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 10px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 12px; border-radius: 2px; background-color: #ffffff; border: 1px solid #3d3d3d; min-width: 26px; width: 26px; height: 26px;} .new-smrt-form_wrapper form.new-smrt-form .checkout_page .info_check .gfield_checkbox label:after { content: ''; opacity: 0.502; font-size: 16px; color: #000000; position: absolute; font-weight: 600; top: 2px; left: 6px;} .new-smrt-form_wrapper form.new-smrt-form .checkout_page .info_check .gfield_checkbox input:checked + label:after { opacity: 1; color: #ffffff; content: "\f00c"; display: inline-block; font-family: "Font Awesome 6 Free";} .new-smrt-form_wrapper form.new-smrt-form .checkout_page .info_check .gfield_checkbox input:checked + label:before{ background-color: #506C82;border: 1px solid #506C82; } .new-smrt-form_wrapper form.new-smrt-form .gfield-choice-input { width: 27px; height: 27px; accent-color: #506C82; } .new-smrt-form_wrapper form.new-smrt-form .checkout_page .ginput_container.ginput_container_textarea { margin-bottom: 20px; } .new-smrt-form_wrapper form.new-smrt-form .gf_page_steps, .new-smrt-form_wrapper form.new-smrt-form .rug-infopage, .new-smrt-form_wrapper form.new-smrt-form .checkout_page, .new-smrt-form_wrapper .gform_validation_errors, .new-smrt-form_wrapper form.new-smrt-form .pickup-dropoff-page { max-width: 950px; margin: auto; } .new-smrt-form_wrapper form.new-smrt-form .gsection_title { font-size: 30px; margin-bottom: 0; letter-spacing: 1px; color: #506C82; font-weight: 500; } .new-smrt-form_wrapper form.new-smrt-form .customized_spinner { display: inline-block; top: 5px; left: 10px; } .new-smrt-form_wrapper form.new-smrt-form .gform_ajax_spinner { display: none; } .new-smrt-form_wrapper form.new-smrt-form .radio_field label { font-size: 16px; font-weight: 400; display: inline-flex; align-items: center;} .new-smrt-form_wrapper form.new-smrt-form .gfield_radio .gchoice { padding: 2px 0; } .new-smrt-form_wrapper form.new-smrt-form .gf_list_2col.radio_field.non_slip_rug_values .gchoice { width: 100%; } .new-smrt-form_wrapper form.new-smrt-form .gform_page_fields .gsection { border: none; margin-top: 15px; padding-top: 15px; padding-bottom: 0; } .gform_wrapper.gravity-theme.new-smrt-form_wrapper .gfield_label { font-weight: 500; display: flex; align-items: center; color: #333333; } .new-smrt-form_wrapper form.new-smrt-form .custome_width_pickup select { line-height: 1.5; } /* error message */ html .new-smrt-form_wrapper.gform_wrapper.gform_validation_error .validation_message{ background-color: transparent; color: #de0000; border: none; } html .new-smrt-form_wrapper.gform_wrapper.gform_validation_error .rug_size_wrapper .validation_message, html .new-smrt-form_wrapper.gform_wrapper.gform_validation_error .gfield--input-type-address .gfield_description.validation_message { margin: 0; } /* Pricing box */ .new-smrt-form_wrapper form.new-smrt-form .gfield.gfmc-column.gfmc-field.price_cal_sec { flex-basis: 65%; border-radius: 2px; filter: drop-shadow(5px 8.66px 30px rgba(0,0,0,0.1)); background-color: #ffffff; padding: 30px; margin-left: 40px; } .new-smrt-form_wrapper form.new-smrt-form .price_calc_wrapper h3 { font-size: 30px; letter-spacing: 1px; color: #506C82; font-weight: 500; margin-top: 0; } .new-smrt-form_wrapper form.new-smrt-form .total-wrapper label { font-size: 26px; letter-spacing: 1px; color: #506C82; font-weight: 500; } .new-smrt-form_wrapper form.new-smrt-form .total-wrapper { display: flex; justify-content: space-between; } .new-smrt-form_wrapper form.new-smrt-form .total-wrapper .total { font-size: 22px; color: #000000; font-weight: 700; padding: 0; } .new-smrt-form_wrapper form.new-smrt-form .rug-pricing-detail .rug-detail { display: flex; justify-content: space-between; flex-flow:column; } .new-smrt-form_wrapper form.new-smrt-form .rug-pricing-detail .rug-detail .rug-price { font-size: 18px; color: #000000; font-weight: 400; } .new-smrt-form_wrapper form.new-smrt-form .rug-pricing-detail .rug-detail .size { letter-spacing: 1px; text-transform: uppercase; color: #a3a3a3; font-weight: 400; font-size: 18px; } .new-smrt-form_wrapper form.new-smrt-form .rug-pricing-detail .rug-detail .name { font-size: 24px; color: #000000; font-weight: 400; padding: 0; } .new-smrt-form_wrapper form.new-smrt-form .price-calc-wrapper { border-bottom: 3px solid #e2e2e2; margin: 20px 0; padding-bottom: 10px; } .new-smrt-form_wrapper form.new-smrt-form .price_calc_wrapper .min-price-note {font-style: italic; display: none; margin-top: -10px;} .new-smrt-form_wrapper form.new-smrt-form .price-calc-wrapper div { display: flex; justify-content: space-between; align-items: center; column-gap: 15px; padding-bottom: 5px !important;} .new-smrt-form_wrapper form.new-smrt-form .pricing-addon h4 { font-size: 26px; letter-spacing: 1px; color: #506C82; font-weight: 500; } .new-smrt-form_wrapper form.new-smrt-form .pricing-addon { border-bottom: 3px solid #e2e2e2; margin-bottom: 20px; padding-bottom: 10px; padding-top: 10px;} .new-smrt-form_wrapper form.new-smrt-form .navigation-button-wrapper { display: flex; justify-content: space-between; } .new-smrt-form_wrapper form.new-smrt-form .navigation-button-wrapper .gform_button.button { padding: 0.5rem 1.5rem; font-size: 18px; font-weight: 400; -webkit-transition: background-color .3s; -moz-transition: background-color .3s; -ms-transition: background-color .3s; -os-transition: background-color .3s; transition: background-color .3s; margin: 20px 0px 10px 0px; float: left; background-color: #506C82; color: #fff; border: 1px solid #506C82; cursor: pointer; outline: none; letter-spacing: 0px; text-align: center; line-height: 1.5;} .new-smrt-form_wrapper form.new-smrt-form .gform_previous_button, .new-smrt-form_wrapper form.new-smrt-form .gform_next_button { visibility: hidden; height: 0; outline: none; } .new-smrt-form_wrapper form.new-smrt-form iframe#creditCardIframe { width: 100%; min-height: 230px; border: none; } .new-smrt-form_wrapper form.new-smrt-form .rug-infopage .gform_next_button, .new-smrt-form_wrapper form.new-smrt-form .checkout_page .gform_previous_button, .new-smrt-form_wrapper form.new-smrt-form .pickup-dropoff-page .gform_previous_button { visibility: visible; height: auto; margin-top: 0; padding: 0.5rem 1rem; line-height: 1.5;} .new-smrt-form_wrapper form.new-smrt-form .navigation-button-wrapper .gform_button.button:hover { color: #506C82; background: transparent; } .new-smrt-form_wrapper form.new-smrt-form .navigation-button-wrapper .left-wrapper { display: flex; column-gap: 20px; width: 50%; } .new-smrt-form_wrapper form.new-smrt-form .navigation-button-wrapper .right-wrapper { width: 40%; display: flex; justify-content: flex-end; } .new-smrt-form_wrapper form.new-smrt-form .navigation-button-wrapper .gform_button.button.delete_rug { color: red; background: transparent; width: max-content; border: 1px solid red; padding: 0.5rem 1rem; position: relative;} .new-smrt-form_wrapper form.new-smrt-form .navigation-button-wrapper .gform_button.button.prev, .new-smrt-form_wrapper form.new-smrt-form .navigation-button-wrapper .gform_button.button.next, .new-smrt-form_wrapper form.new-smrt-form .gform_previous_button.button { color: #506C82; background: transparent; } .new-smrt-form_wrapper form.new-smrt-form .navigation-button-wrapper .gform_button.button.delete_rug:hover{color: #ffffff; background: red;} .new-smrt-form_wrapper form.new-smrt-form .navigation-button-wrapper .gform_button.button.prev:hover, .new-smrt-form_wrapper form.new-smrt-form .checkout_page .gform_previous_button:hover, .new-smrt-form_wrapper form.new-smrt-form .navigation-button-wrapper .gform_button.button.next:hover, .new-smrt-form_wrapper form.new-smrt-form .gform_previous_button.button:hover { color: #ffffff; background: #506C82; } .new-smrt-form_wrapper form.new-smrt-form .pricing-addon .wrapper { display: flex; justify-content: space-between; align-items: center; padding-bottom: 5px !important; } .new-smrt-form_wrapper form.new-smrt-form .gfmc-container { padding-bottom: 0; } .new-smrt-form_wrapper form.new-smrt-form span.rug_error { padding-bottom: 20px; font-size: 14px; float: left; color: red; margin-top: -5px; } .new-smrt-form_wrapper p.gform_required_legend { display: none; } .new-smrt-form_wrapper .gform_page label.gfield_label { margin-bottom: 12px; display: flex; align-items: center; } .new-smrt-form_wrapper form.new-smrt-form .pricing-addon .wrapper .price, .new-smrt-form_wrapper form.new-smrt-form .price-calc-wrapper div.price { padding: 0; } .new-smrt-form_wrapper form.new-smrt-form .rug-pricing-detail { color: #000000; padding-bottom: 0; font-size: 16px; font-weight: 400;} .new-smrt-form_wrapper form.new-smrt-form .price_calc_wrapper { padding-bottom: 0; } .new-smrt-form_wrapper form.new-smrt-form .gfmc-field { padding: 0; } .gform_wrapper.gravity-theme.new-smrt-form_wrapper .gf_page_steps .gf_step_last span.gf_step_number { font-size: 0; } .new-smrt-form_wrapper .gf_page_steps .gf_step_last span.gf_step_number::before { content: "3"; font-size: 22px; } .new-smrt-form_wrapper div#gf_step_56_3 span.gf_step_number::before { content: "2"; font-size: 22px; } .new-smrt-form_wrapper div#gf_step_56_3 span.gf_step_number { font-size: 0; } .new-smrt-form_wrapper .rug_inch select {height: 45px;} .new-smrt-form_wrapper form.new-smrt-form .price-calc-wrapper.rugtotal label { color: #506C82; } .new-smrt-form_wrapper .pickup-dropoff-page p { margin-bottom: 15px; font-weight: 400; } /* Navigation */ .new-smrt-form_wrapper .gform_page_footer .button { font-size: 18px; width: auto; -webkit-transition: background-color .3s; -moz-transition: background-color .3s; -ms-transition: background-color .3s; -os-transition: background-color .3s; transition: background-color .3s; margin: 0px 0px 10px 0px; float: left; background-color: #506C82; color: #fff; border: 1px solid #506C82; outline: none; min-width: 125px; } .new-smrt-form_wrapper .gform_page_footer .gform_next_button { float: right; } .new-smrt-form_wrapper .gform_page_footer .button:hover { color: #506C82; background: transparent; } .new-smrt-form_wrapper form.new-smrt-form .pickup_drop_field h3.gsection_title, .new-smrt-form_wrapper form.new-smrt-form .checkout_page h3.gsection_title { color: #000000; position: relative; } .new-smrt-form_wrapper form.new-smrt-form .gform_previous_button{color: #506C82; background: transparent; height: 100%;} .new-smrt-form_wrapper .checkout_page .gform_page_footer.top_label { justify-content: space-between; padding: 40px 0px; } .new-smrt-form_wrapper .checkout_page .checkout_info, .new-smrt-form_wrapper .checkout_page .pickup_from .gfield_label {font-size: 20px; color: #000000; font-weight: 500; line-height: 24px;} .new-smrt-form_wrapper .parent_div .gfield.gfmc-column.gfmc-field.rug_size_wrapper input { height: 45px; } .gform_wrapper.gravity-theme.new-smrt-form_wrapper .gfield_error [aria-invalid=true] { border: 1px solid #c02b0a; } h1.multistep-form-heading { font-size: 40px; color: #000; padding-bottom: 40px;} .new-smrt-form_wrapper form.new-smrt-form .price-calc-wrapper.rugtotal .price { font-weight: 700; } .new-smrt-form_wrapper form.new-smrt-form .price-calc-wrapper.rugtotal, .new-smrt-form_wrapper form.new-smrt-form .price-calc-wrapper.rugtotal .total {display: none;} .new-smrt-form_wrapper .custom-tooltip-content .custom-tooltip-content-paragraph p { margin: 0; } .new-smrt-form_wrapper .custom-tooltip-wrapper.without_image div, .new-smrt-form_wrapper .custom-tooltip-wrapper.without_image {padding-bottom: 0 !important;} .new-smrt-form_wrapper .custom-tooltip-wrapper.without_image .custom-tooltip-content-paragraph {padding: 15px !important;} .new-smrt-form_wrapper form.new-smrt-form .non_slip_rug_values { margin-top: 30px; } .new-smrt-form_wrapper .checkout_page ul { margin-top: 15px; } .new-smrt-form_wrapper .checkout_page ul li { margin-bottom: 8px; } .new-smrt-form_wrapper .gfmc-field .non_slip_rug_values div:not(.gchoice) { padding-bottom: 0; } .new-smrt-form_wrapper .non_slip_rug_values .custom-tooltip-content .custom-tooltip-content-paragraph{padding: 15px;} .new-smrt-form_wrapper form.new-smrt-form .gf_page_steps .gf_step_active.gf_step span.gf_step_number { background-color: #506C82; border-color: #506C82; } .new-smrt-form_wrapper form.new-smrt-form .pickup_drop_field h3.gsection_title span.gf-icon { position: absolute; font-size: 20px; top: 50%; transform: translateY(-50%); } .new-smrt-form_wrapper .gftip-question-circle:before {content: "\f05a"; cursor: pointer;} .gform_wrapper.gravity-theme.new-smrt-form_wrapper .ginput_container_address span {margin: 0 0 20px !important;} .gform_wrapper.gravity-theme.new-smrt-form_wrapper .gform_fields{grid-row-gap: 20px !important;} /* Thankyou page */ html .gform_wrapper ul.gform_fields li.gfield.pickup-date-smrt { margin-bottom: 0px!important; } html .gform_wrapper ul.gform_fields li.gfield.payment-info-smrt { margin-top: 15px!important; } html .gform_wrapper ul.gform_fields li.gfield.smrt-payment-iframe { margin-bottom: 0px !important; } html .gform_wrapper form.thankyou_page_smrt_form .gf_yes_or_no_switch .ginput_container_checkbox input { display: none; } html .gform_wrapper form.thankyou_page_smrt_form .gf_yes_or_no_switch .ginput_container_checkbox label { display: inline-block; width: 85px; height: 40px; background: #455a64; border-radius: 30px; position: relative; cursor: pointer; } html .gform_wrapper form.thankyou_page_smrt_form .gf_yes_or_no_switch .ginput_container_checkbox label::before { content: "" !important; position: absolute; width: 30px; height: 30px; background: #fff !important; border-radius: 50% !important; top: 5px; left: 7px; transition: .3s !important; box-shadow: -3px 0 3px rgba(0,0,0,.1); } html .gform_wrapper form.thankyou_page_smrt_form .gf_yes_or_no_switch .ginput_container_checkbox label::after { content: "No"; position: absolute; color: #fff; font-size: 18px; font-weight: 600; width: 100%; left: -5px; text-align: right; padding: 0 6px; box-sizing: border-box; } html .gform_wrapper form.thankyou_page_smrt_form .gf_yes_or_no_switch .ginput_container_checkbox input:checked~label { background: #506C82; transition: .3s; } html .gform_wrapper form.thankyou_page_smrt_form .gf_yes_or_no_switch .ginput_container_checkbox input:checked~label:before { transform: translate(40px,0); transition: .3s; } html .gform_wrapper form.thankyou_page_smrt_form .gf_yes_or_no_switch .ginput_container_checkbox input:checked~label:after { content: "Yes"; text-align: left; left: 5px; } html .gform_wrapper form.thankyou_page_smrt_form span.checkbox_tooltip { margin: 0 0 0 7px !important; } html .gform_wrapper input::-webkit-input-placeholder { opacity: 0.7 !important; } html .gform_wrapper input::placeholder { opacity: 0.7 !important; } .new-smrt-form_wrapper form.new-smrt-form .rug_type span.gf-icon, .new-smrt-form_wrapper form.new-smrt-form .gf_yes_or_no_switch span.gf-icon{font-size: 18px; color: #506C82;} .new-smrt-form_wrapper form.new-smrt-form .custom-tooltip-wrapper.del_rug { padding: 10px 20px; top: -60px; width: max-content; transform: translateX(-50%); color: #444; } .new-smrt-form_wrapper form.new-smrt-form i.gftip.gftip-question-circle {color: #506C82;} .new-smrt-form_wrapper form.new-smrt-form .checkbox_tooltip_content { background-color: #333333; color: #ffffff; font-size: 13px; padding: 10px 10px; border-radius: 5px; position: absolute; display: none; width: 300px; top: -5px; margin-left: 15px; text-align: center; z-index: 9; } .new-smrt-form_wrapper form.new-smrt-form .checkbox_tooltip { font-size: 12px; background-color: #506C82; padding: 1px 7px; color: #ffffff; height: 18px; width: 18px; border-radius: 50px; display: inline-block; margin-left: 2px; font-weight: bold; vertical-align: middle; font-family: sans-serif; text-transform: none; letter-spacing: 0; cursor: pointer; text-align: center;} .new-smrt-form_wrapper form.new-smrt-form .checkbox_tooltip:hover + .checkbox_tooltip_content { display: inline-block; } /* Popup */ .pum-content.popmake-content .cp-popup-bg { background: url(https://www.loveyourrug.ca/wp-content/uploads/2024/06/heart_icon.png); background-repeat: no-repeat; background-position: top; background-size: contain; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 95px;text-align: center;} .pum-content.popmake-content .cp-popup-bg .ls-brand{ width: 375px;} .pum-content.popmake-content .cp-popup-bg .fifty-off-img{width: 450px;} .pum-content.popmake-content .cp-popup-bg h2.fifty-off { font-size: 56px; color: #fff; margin: -10px 0 0; } .pum-content.popmake-content .cp-popup-bg .fifty-off-text { color: #fff; margin-top: -20px; font-size: 24px; margin-bottom: 0; } .pum-content.popmake-content .cp-popup-bg #couponCode { font-size: 20px; padding: 5px; border: 1px dashed; margin: 20px 0px;} .pum-content.popmake-content .cp-popup-bg .coupon-btn { background-color: #fff; color: #000; text-decoration: none; padding: 10px 20px; border-radius: 5px; font-size: 18px; cursor: pointer; margin-bottom: 10px; text-align: center;margin-top: 30px;} .pum-content.popmake-content .cp-popup-bg .coupon-btn:hover{color: #BA1C2A;} #popmake-28296{ width: 70%; box-shadow: none; } #popmake-28296 .pum-close.popmake-close{font-size: 20px; color: #fff; background-color: #000;right: 20%;} .coupon-wrap{display: none;} /* slider popup style */ div#popmake-28391 { background: transparent; box-shadow: none; } #popmake-28391 .cr-popup-bg{display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 95px;text-align: center;} #popmake-28391 .lyshoes{background: url(https://www.loveyourrug.ca/wp-content/uploads/2024/06/heart_icon.png);background-repeat: no-repeat; background-position: top; background-size: 550px; height: 550px;} #popmake-28391 .lycarpet{background: url(https://www.loveyourrug.ca/wp-content/uploads/2024/07/lycarpet-cp-bg.png);background-repeat: no-repeat; background-position: top; background-size: 550px;height: 550px;} #popmake-28391 .lycoat{background: url(https://www.loveyourrug.ca/wp-content/uploads/2024/07/lycoat-cp-bg.png);background-repeat: no-repeat; background-position: top; background-size: 550px;height: 550px;} /* #popmake-28391 .lycarpet .cr-discount-banner .cr-dollar {font-size: 5.3em;} #popmake-28391 .lycarpet .cr-discount-banner .cr-off {font-size: 2em;} #popmake-28391 .lycarpet .cr-discount-banner .cr-text {font-size: 2em;} */ #popmake-28391 .cr-discount-banner {color: #fff;display: flex;align-items: center;justify-content: center;transform: translateZ(0);} #popmake-28391 .cr-discount-banner .cr-dollar { font-size: 5.5em; font-weight: bold } #popmake-28391 .cr-discount-banner .cr-off { font-size: 2.4em; font-weight: bold; position: relative; top: -5px; writing-mode: vertical-rl; transform: rotate(180deg); line-height: 1.1; } #popmake-28391 .cr-discount-banner .cr-text { font-size: 2.4em; font-weight: bold; text-align: left; line-height: 1; } #popmake-28391 .cr-popup-bg .fifty-off-text{ color: #fff; margin-top: -20px; font-size: 24px; margin-bottom: 0; padding: 0px 10px 20px 10px; } #popmake-28391 .cr-popup-bg .cr-btn-wrap{ padding: 20px; } #popmake-28391 .cr-popup-bg .cr-cta-btn{ background-color: #fff; color: #000; text-decoration: none; padding: 10px 20px; border-radius: 5px; font-size: 18px; cursor: pointer; } #popmake-28391 .lyshoes .cr-cta-btn:hover{color: #BA1C2A;} #popmake-28391 .lycoat .cr-cta-btn:hover{color: #a35133;} #popmake-28391 .lycarpet .cr-cta-btn:hover{color: #506C82;} #popmake-28391 .swiper-button-next, #popmake-28391 .swiper-button-prev { background-color: #fff; border-radius: 50%; padding: 20px; width: 30px; height: 30px; } #popmake-28391 .swiper-button-next::after, #popmake-28391 .swiper-button-prev::after{ font-size: 18px !important; font-weight: bold !important; color: #84749b; } #popmake-28391 button.pum-close.popmake-close{ font-size: 20px; color: #fff; background-color: #000; right: 10%; } #popmake-28391 .cr-close-btn{display: none;} #popmake-28391 p{margin: 0 !important;} .gform_wrapper.gravity-theme .gform_page_footer button.button:disabled{border: 1px solid} /* .coupon-wrap{display: flex; justify-content: center; align-items: center;} .coupon-wrap .copy-icon{margin: 20px 0px 20px -1px; background-color: #fff; color: #000; padding: 5px; border: 1px solid #fff; border-radius: 5px; cursor: pointer; font-size: 20px; text-transform: uppercase;} .coupon-wrap {color: #fff;} */ .new-smrt-form_wrapper form.new-smrt-form .payment-info-smrt { margin-top: 20px; } .new-smrt-form_wrapper form.new-smrt-form .gform-field-label.gform-field-label--type-inline { font-size: 16px; } .gform_wrapper.gravity-theme.new-smrt-form_wrapper form select {font-size: 16px;} .new-smrt-form_wrapper form.new-smrt-form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .new-smrt-form_wrapper form.new-smrt-form textarea, .new-smrt-form_wrapper form.new-smrt-form span select { font-family: inherit; font-size: 16px !important; font-weight: 400; line-height: 1; padding: 10px 15px !important; margin: 0 !important; border-radius: 4px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); border: 1px solid #888; background-color: #fff; letter-spacing: 0.06em !important; } /*IDs*/ div#field_56_6 .instruction.validation_message { display: none; } fieldset#field_56_255 legend.gfield_label.gform-field-label { font-size: 20px; } html .gform_wrapper div#gform_page_56_8 .gform_page_footer .button.gform_next_button, html .gform_wrapper div#gform_page_56_9 .gform_page_footer .gform_previous_button, .new-smrt-form_wrapper form.new-smrt-form .pickup-dropoff-page .gform_next_button { visibility: visible; height: auto; margin-top: 0; padding: 0.5rem 1rem; line-height: 1.5; } .new-smrt-form_wrapper form.new-smrt-form div#input_56_255 { display: flex; flex-wrap: wrap; grid-column-gap: 30px; } div#gf_step_56_2,div#gf_step_56_4,div#gf_step_56_5,div#gf_step_56_6,div#gf_step_56_7 { display: none; } .multistep-smrt-thankyou-page, .new-smrt-form_wrapper form.new-smrt-form div#gform_page_56_8 { max-width: 1150px; margin: auto; } .new-smrt-form_wrapper form.new-smrt-form .gchoice.gchoice_56_255_2 { position: relative; } div#field_56_163 { font-size: 16px; } .gform_wrapper.gravity-theme.new-smrt-form_wrapper div#field_56_270 legend { font-size: 20px; margin: 0 0 -5px; } form a.popmake-29102 { text-align: center; display: block; margin-bottom: 20px; font-weight: 400;} form a.popmake-29102:hover{text-decoration: none;} div#popmake-29102, div#popmake-29101 { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); border-radius: 8px; max-width: 700px !important; } div#popmake-29102 .pum-content, div#popmake-29101 .pum-content{ margin: 0 auto; background-color: #fff; padding: 1rem; position: relative; height: auto !important;} div#popmake-29102 table.premium-table { width: 100%; border-collapse: collapse; background-color: #fff; margin-bottom: 1.5rem; } div#popmake-29102 table.premium-table tr { border-bottom: 1px solid #ccc; text-align: center;} div#popmake-29102 table.premium-table thead { background-color: #506C82; color: #fff; } div#popmake-29102 table.premium-table thead th { padding: 1rem; border: none; font-size: 18px; color: #fff; text-align: center; font-weight: 500;} div#popmake-29102 table.premium-table tbody td { padding: 1rem; border: none; font-size: 18px; color: #333; background: none; font-weight: 400;} div#popmake-29102 table.premium-table tbody tr:last-of-type td { border-bottom: none; } div#popmake-29102 thead { background: #506C82; color: #ffffff; border-bottom: 3px solid #000; } div#popmake-29102 .info-text { font-size: 18px; color: #333; margin-bottom: 0.5rem; } div#popmake-29102 h3, div#popmake-29101 h3{color: #333;} div#popmake-29102 .pricing-table-container, div#popmake-29101 .drop-off-location-container { max-width: 90%; margin: auto; } div#popmake-29102 .pricing-table-container .btn-wrapper, div#popmake-29101 .drop-off-location-container .btn-wrapper { text-align: center; margin-top: 25px; } div#popmake-29102 .pricing-table-container .btn-wrapper button, div#popmake-29101 .drop-off-location-container .btn-wrapper button { display: inline-block; background-color: #506C82; color: #fff; text-decoration: none; border: none; border-radius: 4px; padding: 0.75rem 1.5rem; cursor: pointer; font-size: 1rem; font-weight: 600; transition: background-color 0.3s ease; } div#popmake-29102 .pricing-table-container .btn-wrapper button:hover, div#popmake-29101 .drop-off-location-container .btn-wrapper button:hover { background-color: #004080; } div#popmake-29101 .drop-off-location-container .icon-wrapper { display: flex ; align-items: center; gap: 20px; margin-bottom: 15px; } div#popmake-29101 .drop-off-location-container .icon-wrapper .icon { width: 32px; } div#popmake-29102, div#popmake-29101, div#popmake-29101 p, div#popmake-29102 p { font-weight: 400; font-size: 18px; } div#popmake-29101 .drop-off-location-container .icon-wrapper .location{font-size: 18px; font-weight: 400;} @media (min-width : 1024px) and (max-width : 1400px){ #popmake-28391 .cr-popup-bg .fifty-off-text { padding-top : 12px;} } @media(min-width: 768) { .new-smrt-form_wrapper form.new-smrt-form .gf_page_steps .gf_step { width: 33.3%; } .new-smrt-form_wrapper form.new-smrt-form .gf_step_active .gf_step_number { background: #cccccc; color: #ffffff; border: none; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-size: 24px; height: 50px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; max-width: 50px; position: relative; text-align: center; width: 100%; } } @media(max-width: 1024px) { .gform_wrapper.new-smrt-form_wrapper .gfield_validation_message, .gform_wrapper.new-smrt-form_wrapper .validation_message { padding: 10px; } .new-smrt-form_wrapper .gform_page_footer .button { font-size: 18px; } } @media(max-width: 991px) { .new-smrt-form_wrapper form.new-smrt-form span.gf_step_label, .new-smrt-form_wrapper form.new-smrt-form .total-wrapper .total { font-size: 18px; } .new-smrt-form_wrapper form.new-smrt-form .gsection_title { font-size: 24px; } .new-smrt-form_wrapper form.new-smrt-form .price_calc_wrapper h3 { font-size: 24px; } .new-smrt-form_wrapper form.new-smrt-form .rug-pricing-detail .rug-detail .name { font-size: 19px; } .new-smrt-form_wrapper form.new-smrt-form .rug-pricing-detail .rug-detail .rug-price, .new-smrt-form_wrapper form.new-smrt-form .rug-pricing-detail .rug-detail .size { font: 16px; } .new-smrt-form_wrapper form.new-smrt-form .pricing-addon h4, .new-smrt-form_wrapper form.new-smrt-form .total-wrapper label { font-size: 21px; } .new-smrt-form_wrapper form.new-smrt-form .rug-pricing-detail label { width: 70%; } .new-smrt-form_wrapper form.new-smrt-form .navigation-button-wrapper .left-wrapper { width: 60%; } .new-smrt-form_wrapper form.new-smrt-form .navigation-button-wrapper .gform_button.button, .new-smrt-form_wrapper form.new-smrt-form .gform_previous_button, .new-smrt-form_wrapper form.new-smrt-form .gform_next_button, .new-smrt-form_wrapper form.new-smrt-form .rug-infopage .gform_next_button { font-size: 16px; } /* Popup */ .pum-content.popmake-content .cp-popup-bg img.popup-shoe { max-width: 108px; } .pum-content.popmake-content .cp-popup-bg h2.fifty-off { font-size: 52px;} .pum-content.popmake-content .cp-popup-bg #couponCode {font-size: 18px;} #popmake-28391 .crosspromotionheart{height: 600px;} #popmake-28391 .cr-popup-bg .fifty-off-text{padding: 10px 10px 20px 10px;} /* #popmake-28391 .lyshoes{background: url(https://www.loveyourrug.ca/wp-content/uploads/2024/06/heart_icon.png);background-repeat: no-repeat; background-position: top; } #popmake-28391 .lycarpet{background: url(https://www.loveyourrug.ca/wp-content/uploads/2024/07/lycarpet-cp-bg.png);background-repeat: no-repeat; background-position: top;} #popmake-28391 .lycoat{background: url(https://www.loveyourrug.ca/wp-content/uploads/2024/07/lycoat-cp-bg.png);background-repeat: no-repeat; background-position: top; } */ } @media(max-width: 767px) { .new-smrt-form_wrapper form.new-smrt-form .gf_step:after { content: ''; position: absolute; height: 1px; width: 100%; left: 50%; background: #cccccc; top: 50%; transform: translateY(-50%); } .new-smrt-form_wrapper form.new-smrt-form .gf_step:last-child:after { display: none; } .new-smrt-form_wrapper form.new-smrt-form .gf_page_steps .gf_step { justify-content: center; } .gform_wrapper.gravity-theme.new-smrt-form_wrapper form.new-smrt-form .gf_step_number { font-size: 13px; width: 32px; height: 32px; } .new-smrt-form_wrapper form.new-smrt-form span.gf_step_label { text-align: center; top: 40px; position: absolute; font-size: 13px; width: 100%; left: 0; } .new-smrt-form_wrapper form.new-smrt-form .gf_page_steps { padding-bottom: 60px; } .new-smrt-form_wrapper form.new-smrt-form .gf_step_completed span.gf_step_number::after, .new-smrt-form_wrapper form.new-smrt-form .gf_step_completed span.gf_step_number::before { width: 32px; height: 32px; font-size: 21px; } .new-smrt-form_wrapper form.new-smrt-form .gf_yes_or_no_switch { margin-top: 20px; } .new-smrt-form_wrapper form.new-smrt-form .gfield.gfmc-column.gfmc-field.price_cal_sec { flex-basis: 100%; margin: 40px 0 30px; padding: 20px; } .new-smrt-form_wrapper form.new-smrt-form .navigation-button-wrapper { flex-direction: column; } .new-smrt-form_wrapper form.new-smrt-form .navigation-button-wrapper .right-wrapper .gform_button.button { width: 100%; text-align: center; margin: 10px 0; font-size:21px;} .new-smrt-form_wrapper form.new-smrt-form .navigation-button-wrapper .gform_button.button { margin-top: 0; text-align: center; font-size: 15px; width: calc(100% - 15px); padding: 10px; } .new-smrt-form_wrapper form.new-smrt-form .gfield_checkbox { padding-bottom: 0; } .new-smrt-form_wrapper form.new-smrt-form .price_calc_wrapper h3 { font-size: 22px; } .new-smrt-form_wrapper form.new-smrt-form .rug-pricing-detail .rug-detail .name { font-size: 16px; } .new-smrt-form_wrapper form.new-smrt-form .total-wrapper label, .new-smrt-form_wrapper form.new-smrt-form .pricing-addon h4 { font-size: 18px; } .new-smrt-form_wrapper form.new-smrt-form .gfield.gfmc-column.gfmc-field.price_cal_sec, .new-smrt-form_wrapper form.new-smrt-form .rug-pricing-detail .rug-detail .size, .new-smrt-form_wrapper form.new-smrt-form .rug-pricing-detail { font-size: 14px; } .new-smrt-form_wrapper form.new-smrt-form .pricing-addon, .new-smrt-form_wrapper form.new-smrt-form .price-calc-wrapper { padding-bottom: 15px !important; border-bottom: 2px solid #e2e2e2; } .new-smrt-form_wrapper form.new-smrt-form .total-wrapper .total, .new-smrt-form_wrapper form.new-smrt-form .rug-pricing-detail .rug-detail .rug-price { font-size: 16px; } .new-smrt-form_wrapper form.new-smrt-form .navigation-button-wrapper .left-wrapper { flex-wrap: nowrap; column-gap: 15px; width: 100%; } .new-smrt-form_wrapper form.new-smrt-form .navigation-button-wrapper .right-wrapper { width: 100%; } .new-smrt-form_wrapper form.new-smrt-form .gfield_radio .gchoice { width: 100%; } .new-smrt-form_wrapper form.new-smrt-form .gform_page_footer .gform_button { margin-top: 0; border: none; padding: 0.5rem 1rem; line-height: 1.5; } .new-smrt-form_wrapper .gf_page_steps .gf_step_last span.gf_step_number::before { background-color: transparent; } .new-smrt-form_wrapper form.new-smrt-form span.rug_error { margin-top: 0; } .new-smrt-form_wrapper form.new-smrt-form .pricing-addon .wrapper .price, .new-smrt-form_wrapper form.new-smrt-form .price-calc-wrapper div.price { margin-bottom: 0; } .new-smrt-form_wrapper .gf_page_steps .gf_step_last span.gf_step_number::before {font-size: 13px;} .new-smrt-form_wrapper .gfmc-container.parent_div { display: block; } .new-smrt-form_wrapper .parent_div .gfield.gfmc-column.gfmc-field.rug_size_wrapper { width: calc(33.3% - 7px); padding: 0; display: inline-flex; margin-right: 10px; } .new-smrt-form_wrapper .parent_div .gfield.gfmc-column.gfmc-field.rug_size_wrapper .gfield {padding: 0;} .new-smrt-form_wrapper .parent_div .gfield.gfmc-column.gfmc-field.rug_size_wrapper:last-child{margin-right: 0;} .gform_wrapper.new-smrt-form_wrapper .gfield_validation_message, .gform_wrapper.new-smrt-form_wrapper .validation_message{font-size: 13px !important;} .new-smrt-form_wrapper form.new-smrt-form .pricing-addon h4 {margin-bottom: 5px;} .new-smrt-form_wrapper form.new-smrt-form .gsection_title{font-size: 22px;} .new-smrt-form_wrapper form.new-smrt-form .pickup_drop_field h3.gsection_title {font-size: 20px;} .gform_wrapper.gravity-theme.new-smrt-form_wrapper form input[type=date], .gform_wrapper.gravity-theme.new-smrt-form_wrapper form input[type=email], .gform_wrapper.gravity-theme.new-smrt-form_wrapper form input[type=number], .gform_wrapper.gravity-theme.new-smrt-form_wrapper form input[type=password], .gform_wrapper.gravity-theme.new-smrt-form_wrapper form input[type=search], .gform_wrapper.gravity-theme.new-smrt-form_wrapper form input[type=tel], .gform_wrapper.gravity-theme.new-smrt-form_wrapper form input[type=text], .gform_wrapper.gravity-theme.new-smrt-form_wrapper form input[type=url], .gform_wrapper.gravity-theme.new-smrt-form_wrapper form select, .gform_wrapper.gravity-theme.new-smrt-form_wrapper form textarea { font-size: 16px ; line-height: 1.5;} .new-smrt-form_wrapper form ::placeholder {font-size: 16px;} .new-smrt-form_wrapper form.new-smrt-form .pickup_drop_field h3.gsection_title{align-items: flex-start;} .new-smrt-form_wrapper form.new-smrt-form .checkout_page .info_check .gfield_checkbox label{max-width: 100%;} .new-smrt-form_wrapper .non_slip_rug_values .custom-tooltip-content .custom-tooltip-content-paragraph{padding: 15px !important;} .new-smrt-form_wrapper form.new-smrt-form .pickup_drop_field h3.gsection_title span.gf-icon{ position: relative; transform: translateY(0%);} h1.multistep-form-heading{font-size: 30px;} .new-smrt-form_wrapper form.new-smrt-form iframe#creditCardIframe{height: 395px;} .new-smrt-form_wrapper form.new-smrt-form .rug_type span.gf-icon, .new-smrt-form_wrapper form.new-smrt-form .gf_yes_or_no_switch span.gf-icon{font-size: 16px;} .new-smrt-form_wrapper form.new-smrt-form .custom-tooltip-wrapper.del_rug {opacity: 0;} .new-smrt-form_wrapper form.new-smrt-form .checkbox_tooltip:hover + .checkbox_tooltip_content { display:block; top: 40px; } #input_56_150_5_container{margin-bottom: 0 !important;} /* Popup Css*/ .pum-content.popmake-content .cp-popup-bg h2.fifty-off { font-size: 38px; } .pum-content.popmake-content .cp-popup-bg .fifty-off-text {font-size: 28px; margin-top: -10px; margin-bottom:5px;} .pum-content.popmake-content .cp-popup-bg .ls-brand{ max-width: 210px; } #popmake-28296 .pum-close.popmake-close {right: 10%;} .pum-content.popmake-content .cp-popup-bg{padding: 90px !important;} #popmake-28391 .lyshoes{background: url(https://www.loveyourrug.ca/wp-content/uploads/2024/06/heart_icon.png);background-repeat: no-repeat; background-position: top; background-size: 75vw; height: 310px;} #popmake-28391 .lycarpet{background: url(https://www.loveyourrug.ca/wp-content/uploads/2024/07/lycarpet-cp-bg.png);background-repeat: no-repeat; background-position: top; background-size: 75vw;height: 310px;} #popmake-28391 .lycoat{background: url(https://www.loveyourrug.ca/wp-content/uploads/2024/07/lycoat-cp-bg.png);background-repeat: no-repeat; background-position: top; background-size: 75vw;height: 310px;} #popmake-28391 .crosspromotionheart{height: 80vw;} #popmake-28391 .cr-popup-bg{padding: 90px !important; height: 72vw;} #popmake-28391 .cr-dis-wrap{padding: 5px 5px 10px 5px;} #popmake-28391 .cr-discount-banner .cr-dollar { font-size: 3em; } #popmake-28391 .cr-discount-banner .cr-off { font-size: 1.6em; top: 0px; } #popmake-28391 .cr-discount-banner .cr-text { font-size: 1.6em; } #popmake-28391 .cr-popup-bg .fifty-off-text{ font-size: 18px; padding: 20px 10px 0px 10px; } #popmake-28391 .cr-popup-bg .cr-cta-btn{ padding: 10px 15px; font-size: 16px; font-weight: 600; } /* #popmake-28391 .lycarpet .cr-discount-banner .cr-dollar {font-size: 3em;} #popmake-28391 .lycarpet .cr-discount-banner .cr-off {font-size: 1.5em;} #popmake-28391 .lycarpet .cr-discount-banner .cr-text {font-size: 1.5em;} */ #popmake-28391 .swiper-button-next { right: 25%; top: var(--swiper-navigation-top-offset, 93%); } #popmake-28391 .swiper-button-prev { left: 25%; top: var(--swiper-navigation-top-offset, 93%); } div#popmake-29102 .pricing-table-container {max-width: 100%;} div#popmake-29102 .pum-content{padding: 0;} div#gfield_description_53_149{width: 100%;} div#popmake-29102 h3, div#popmake-29101 h3 { color: #333; margin-top: 15px; } div#popmake-29101 .drop-off-location-container .icon-wrapper .location { width: 85%; } div#popmake-29101 .drop-off-location-container .icon-wrapper .icon { width: 15%; } div#gfield_description_53_149{padding-top: 15px;} } @media(max-width: 480px){ .pum-content.popmake-content .cp-popup-bg img.popup-shoe { max-width: 60px; } .pum-content.popmake-content .cp-popup-bg h2.fifty-off { font-size: 32px; } .pum-content.popmake-content .cp-popup-bg .fifty-off-text { font-size: 22px; margin-top: -7px; } .pum-content.popmake-content .cp-popup-bg .ls-brand { max-width: 180px; } .pum-content.popmake-content .cp-popup-bg #couponCode {font-size: 16px;} .pum-content.popmake-content .cp-popup-bg .coupon-btn {font-size: 14px; font-weight: 400; padding: 6px 13px; margin-top: 10px} .pum-content.popmake-content .cp-popup-bg{padding: 50px !important;} #popmake-28296 .pum-close.popmake-close { right: 5%; } .pum-theme-27066 .pum-container, .pum-theme-enterprise-blue #popmake-28391.pum-container { padding: 20px 0;} #popmake-28391 .crosspromotionheart { height: 90vw;} #popmake-28391 .lyshoes{background: url(https://www.loveyourrug.ca/wp-content/uploads/2024/06/heart_icon.png); background-repeat: no-repeat; background-position: top; background-size: 90vw; height: 90vw;} #popmake-28391 .lycarpet{background: url(https://www.loveyourrug.ca/wp-content/uploads/2024/07/lycarpet-cp-bg.png); background-repeat: no-repeat; background-position: top; background-size: 90vw; height: 90vw;} #popmake-28391 .lycoat{background: url(https://www.loveyourrug.ca/wp-content/uploads/2024/07/lycoat-cp-bg.png); background-repeat: no-repeat; background-position: top; background-size: 90vw; height: 90vw;} .pum-theme-27066 .pum-content, .pum-theme-enterprise-blue .pum-content { height : 100vw !important; } #pum-28391.pum-theme-27066 .pum-content, .pum-theme-enterprise-blue .pum-content { height : 100vw !important; } html.pum-open.pum-open-overlay.pum-open-scrollable.pum-open-fixed body> :not([aria-modal=true]) { padding-right: 0;} #popmake-28391 .swiper-button-prev {left: 20%; position: absolute;} #popmake-28391 .swiper-button-next {right: 20%; } #popmake-28391 .cr-discount-banner { font-size: 5.2vw;} #popmake-28391 .cr-discount-banner .cr-dollar { font-size: 2.5em; } #popmake-28391 .cr-discount-banner .cr-off { font-size: 1.3em; top: 0px; } #popmake-28391 .cr-discount-banner .cr-text { font-size: 1.3em; } #popmake-28391 .cr-popup-bg .fifty-off-text{ font-size: 18px; padding: 20px 15px 10px 15px; line-height: 1; } #popmake-28391 .cr-popup-bg .cr-cta-btn{padding: 10px 10px} #popmake-28391 .cr-popup-bg .cr-btn-wrap{padding-top: 10px;} #popmake-28391 .cr-popup-bg{padding: 50px !important; } #popmake-28391 button.pum-close.popmake-close { right: 0;} } @media (min-width : 480px) and (max-width : 767px){ #popmake-28391 .cr-discount-banner { font-size: 3vw;} #popmake-28391 .cr-popup-bg .fifty-off-text { line-height: 1; font-size: 3vw;} } @media(max-width: 420px) { .new-smrt-form_wrapper form.new-smrt-form .navigation-button-wrapper .gform_button.button.prev { width: calc(50% - 15px); } .coupon-wrap .copy-icon{margin: 10px 0px; font-size: 16px;} .pum-content.popmake-content .cp-popup-bg #couponCode {margin: 10px 0px;} #popmake-28391 .cr-popup-bg .fifty-off-text{padding: 20px 15px 10px 15px;} } @media(max-width: 360px) { .new-smrt-form_wrapper form.new-smrt-form .navigation-button-wrapper .gform_button.button, .new-smrt-form_wrapper form.new-smrt-form .navigation-button-wrapper .gform_button.button.prev, .new-smrt-form_wrapper form.new-smrt-form .navigation-button-wrapper .gform_button.button.delete_rug { width: 100%; } .new-smrt-form_wrapper .checkout_page .gform_page_footer.top_label{flex-wrap: wrap; row-gap: 10px;} .new-smrt-form_wrapper form.new-smrt-form .rug-infopage .gform_next_button, .new-smrt-form_wrapper form.new-smrt-form .checkout_page .gform_previous_button{width: 100%;} .new-smrt-form_wrapper form.new-smrt-form .gform_page_footer .gform_button{width: 100%; line-height: 1.5;} .coupon-wrap .copy-icon{margin: 10px 0px; font-size: 16px;} .pum-content.popmake-content .cp-popup-bg #couponCode {margin: 10px 0px;} .pum-content.popmake-content .cp-popup-bg{padding: 35px !important;} #popmake-28391 .cr-popup-bg{padding: 35px !important;} } @media(max-width: 285px){ .pum-content.popmake-content .cp-popup-bg .coupon-btn { font-size: 10px;} .pum-content.popmake-content .cp-popup-bg img.popup-shoe { max-width: 60px; } .pum-content.popmake-content .cp-popup-bg h2.fifty-off { font-size: 28px; } .pum-content.popmake-content .cp-popup-bg .fifty-off-text { font-size: 16px;} .coupon-wrap .copy-icon{font-size: 14px;} .pum-content.popmake-content .cp-popup-bg .ls-brand { max-width: 140px; margin: 5px 0; } .pum-content.popmake-content .cp-popup-bg #couponCode { font-size: 14px; } .pum-content.popmake-content .cp-popup-bg .coupon-btn { font-size: 12px; padding: 5px 10px; } .pum-content.popmake-content .cp-popup-bg { padding: 35px; } #popmake-28391 .cr-popup-bg{padding: 35px !important;} } #gform_ajax_spinner_56 {display: none !important;} #gform_ajax_spinner_9 { display: none !important; } #gform_ajax_spinner_10 { display: none !important; } .new-smrt-form_wrapper form.new-smrt-form .rug-pricing-detail .rug-detail .rug-type { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; } .new-smrt-form_wrapper form.new-smrt-form .rug-pricing-detail .rug-detail .rug-type .rug-price { padding-bottom: 0 !important; } .new-smrt-form_wrapper form.new-smrt-form .rug-pricing-detail .rug-detail .jerseys_wrapper { display: none; } .new-smrt-form_wrapper form.new-smrt-form #input_56_280 { display: flex; justify-content: space-between; max-width: 700px; } .new-smrt-form_wrapper form.new-smrt-form #input_56_281 { display: flex; justify-content: space-between; max-width: 700px; } .new-smrt-form_wrapper form.new-smrt-form .gear_items { margin: 0 0 30px; } .new-smrt-form_wrapper form.new-smrt-form .gear_items .gfield_checkbox { display: flex; flex-flow: row; flex-wrap: wrap; justify-content: space-between; gap: 10px; } .new-smrt-form_wrapper form.new-smrt-form .gear_items .gfield_checkbox .gchoice { width: calc(50% - 10px); } .new-smrt-form_wrapper form.new-smrt-form .item_popup { margin: 15px 0 !important; padding: 0 !important; } .new-smrt-form_wrapper form.new-smrt-form #gform_submit_button_56 { padding: 0.5rem 1rem !important; line-height: 1.5 !important; } @media(max-width: 285px){ .new-smrt-form_wrapper form.new-smrt-form #input_56_280 { flex-flow: column; } .new-smrt-form_wrapper form.new-smrt-form #input_56_281 { flex-flow: column; } } #field_56_329 { margin: 10px 0 30px !important; } .discount_price {display: none;}