.forminator-ui.forminator-poll#forminator-module-45703 { border-color: rgba(0,0,0,0); background-color: rgba(255,255,255,0); box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .forminator-ui.forminator-poll#forminator-module-45703 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } #forminator-module-45703 { border-width: 1px; border-style: solid; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; } #forminator-module-45703 .forminator-poll--grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px; } #forminator-module-45703 .forminator-poll--column { width: 50%; display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; box-sizing: border-box; padding: 10px; } #forminator-module-45703 .forminator-poll--column .forminator-radio.forminator-has_image { position: relative; padding-top: calc(150px + 15px); } #forminator-module-45703 .forminator-poll--column .forminator-radio.forminator-has_image .forminator-radio-bullet { align-self: flex-start; } #forminator-module-45703 .forminator-poll--column .forminator-radio.forminator-has_image:not(.forminator-has_bullet) { margin-bottom: 0; } #forminator-module-45703 .forminator-poll--column .forminator-radio.forminator-has_image .forminator-radio-bullet { margin-left: 0; } #forminator-module-45703 .forminator-poll--column .forminator-radio.forminator-has_image .forminator-radio-image { width: 100%; position: absolute; top: 0; left: 0; } #forminator-module-45703 .forminator-poll--column .forminator-radio.forminator-has_image .forminator-radio-image span { width: 100%; height: 140px; background-size: cover; background-position: center; } /* START: Desktop only */ @media (min-width: 783px) { #forminator-module-45703:not(.forminator-size--small) .forminator-poll--column { width: 25%; } #forminator-module-45703:not(.forminator-size--small) .forminator-poll--column .forminator-radio.forminator-has_image { padding-top: calc(250px + 15px); } #forminator-module-45703:not(.forminator-size--small) .forminator-poll--column .forminator-radio.forminator-has_image .forminator-radio-image span { height: 240px; } } /* END: Desktop only */ .forminator-ui.forminator-poll#forminator-module-45703 .forminator-chart-legend li { color: #ffffff; } .forminator-ui#forminator-module-45703 .forminator-poll-footer { margin-top: 30px; } .forminator-ui#forminator-module-45703 .forminator-question { color: #333333; } .forminator-ui#forminator-module-45703 .forminator-question { font-size: 15px; font-family: inherit; font-weight: 600; } .forminator-ui#forminator-module-45703 .forminator-description { color: #4D4D4D; } .forminator-ui#forminator-module-45703 .forminator-description { font-size: 13px; font-family: inherit; font-weight: 400; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-radio { color: #000000; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-radio span[aria-hidden] { border-color: rgba(119,119,113,0); } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-radio span[aria-hidden]:before { background-color: #097BAA; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-radio span[aria-hidden]:after { background-color: #097BAA; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-radio input:checked + span[aria-hidden] { border-color: #097BAA; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-has_error .forminator-radio span[aria-hidden] { border-color: #E51919; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-radio span:not([aria-hidden]) { font-size: 16px; font-family: inherit; font-weight: 400; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-input { border-color: #777771; color: #000000; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-input:hover { color: #000000; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-input:focus, .forminator-ui#forminator-module-45703.forminator-design--material .forminator-input:active { color: #000000; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-input::placeholder { color: #888888; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-input:-moz-placeholder { color: #888888; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-input::-moz-placeholder { color: #888888; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-input:-ms-input-placeholder { color: #888888; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-input::-webkit-input-placeholder { color: #888888; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-input--wrap:after { background-color: #097BAA; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-is_active .forminator-input--wrap:after { background-color: #097BAA; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-has_error .forminator-input--wrap:after { background-color: #E51919; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-input { font-size: 16px; font-family: inherit; font-weight: 400; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-button-submit { background-color: #efb60b; color: #000000; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-button-submit:hover { background-color: #086A91; color: #FFFFFF; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-button-submit:focus, .forminator-ui#forminator-module-45703.forminator-design--material .forminator-button-submit:active { background-color: #086A91; color: #FFFFFF; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-button-submit { font-size: 14px; font-family: inherit; font-weight: 500; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-button-back { background-color: #097BAA; color: #FFFFFF; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-button-back:hover { background-color: #086A91; color: #FFFFFF; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-button-back:focus, .forminator-ui#forminator-module-45703.forminator-design--material .forminator-button-back:active { background-color: #086A91; color: #FFFFFF; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-button-back { font-size: 14px; font-family: inherit; font-weight: 500; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-link { color: #097BAA; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-link:visited { color: #097BAA; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-link:hover { color: #086A91; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-link:active { color: #086A91; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-link { font-size: 13px; font-family: inherit; font-weight: 500; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-note { color: #333333; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-note { font-size: 13px; font-family: inherit; font-weight: 400; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-response-message.forminator-success { box-shadow: inset 4px 0 0 0 #067963, 1px 1px 4px 0 rgba(0,0,0,0.3); -moz-box-shadow: inset 4px 0 0 0 #067963, 1px 1px 4px 0 rgba(0,0,0,0.3); -webkit-box-shadow: inset 4px 0 0 0 #067963, 1px 1px 4px 0 rgba(0,0,0,0.3); } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-response-message.forminator-success:hover, .forminator-ui#forminator-module-45703.forminator-design--material .forminator-response-message.forminator-success:focus, .forminator-ui#forminator-module-45703.forminator-design--material .forminator-response-message.forminator-success:active { box-shadow: inset 4px 0 0 0 #067963, 1px 1px 4px 0 rgba(0,0,0,0.3); -moz-box-shadow: inset 4px 0 0 0 #067963, 1px 1px 4px 0 rgba(0,0,0,0.3); -webkit-box-shadow: inset 4px 0 0 0 #067963, 1px 1px 4px 0 rgba(0,0,0,0.3); } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-response-message.forminator-success, .forminator-ui#forminator-module-45703.forminator-design--material .forminator-response-message.forminator-success p { color: #333333; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-response-message.forminator-error { box-shadow: inset 4px 0 0 0 #E51919, 1px 1px 4px 0 rgba(0,0,0,0.3); -moz-box-shadow: inset 4px 0 0 0 #E51919, 1px 1px 4px 0 rgba(0,0,0,0.3); -webkit-box-shadow: inset 4px 0 0 0 #E51919, 1px 1px 4px 0 rgba(0,0,0,0.3); } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-response-message.forminator-error:hover, .forminator-ui#forminator-module-45703.forminator-design--material .forminator-response-message.forminator-error:focus, .forminator-ui#forminator-module-45703.forminator-design--material .forminator-response-message.forminator-error:active { box-shadow: inset 4px 0 0 0 #E51919, 1px 1px 4px 0 rgba(0,0,0,0.3); -moz-box-shadow: inset 4px 0 0 0 #E51919, 1px 1px 4px 0 rgba(0,0,0,0.3); -webkit-box-shadow: inset 4px 0 0 0 #E51919, 1px 1px 4px 0 rgba(0,0,0,0.3); } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-response-message.forminator-error, .forminator-ui#forminator-module-45703.forminator-design--material .forminator-response-message.forminator-error p { color: #333333; } .forminator-ui#forminator-module-45703.forminator-design--material .forminator-response-message p { font-size: 15px; font-family: inherit; font-weight: 400; }.forminator-ui.forminator-poll-45703 #forminator-poll-45703--title{display: block !important;font-family: "Montserrat", Arial, sans-serif !important;text-align: center !important;width: 100% !important;margin: 0 0 10px 0 !important;padding: 0 !important;color: White !important;line-height: 1.1em !important;font-weight: 600 !important;text-transform: uppercase !important;letter-spacing: 0.03em !important;text-shadow: 0 2px 2px rgba(0, 0, 0, 0.75), 0 0 8px rgba(255, 255, 255, 0.25) !important;}.forminator-ui.forminator-poll-45703 /* Rounded border around each poll option */ .forminator-poll--column{border: 1px solid rgba(255, 255, 255, 0.22) !important;border-radius: 8px !important;/*padding: 12px !important;*/ background: rgba(255, 255, 255, 0.03) !important;/*box-shadow: 0 0 12px rgba(0, 80, 160, 0.18) !important;*/ overflow: hidden !important;/*width: 23%!important;}.forminator-ui.forminator-poll-45703 .forminator-poll--column{padding: 10px 0px !important;/*width: 24%!important;*/ margin: 8px !important;}.forminator-ui.forminator-poll-45703 .forminator-radio.forminator-has_image .forminator-radio-image span{height: 170px !important;background-size: contain !important;}.forminator-ui.forminator-poll-45703 .forminator-radio .forminator-radio-image{background-color: transparent!important;}.forminator-ui.forminator-poll-45703 /* ========================= POLL CARD LAYOUT ========================= */ .forminator-poll--column span.forminator-radio-image{margin-bottom: 5px !important;}.forminator-ui.forminator-poll-45703 .forminator-radio.forminator-has_image{padding-top: 175px !important;}.forminator-ui.forminator-poll-45703 .forminator-poll--column label.forminator-radio{display: flex !important;flex-direction: column !important;align-items: center !important;text-align: center !important;width: 100% !important;position: relative !important;}.forminator-ui.forminator-poll-45703 /* Image first */ .forminator-poll--column .forminator-radio-image{order: 1 !important;width: 100% !important;margin-bottom: 34px !important;}.forminator-ui.forminator-poll-45703 /* Color name */ .forminator-poll--column .forminator-radio-label{order: 2 !important;display: block !important;width: 100% !important;text-align: center !important;text-transform: uppercase !important;color: #ffffff !important;font-size: 20px !important;font-family: inherit !important;font-weight: 700 !important;line-height: 1.2em !important;margin: 0 !important;}.forminator-ui.forminator-poll-45703 /* Subtitle below color name */ .forminator-poll--column .forminator-radio-label::after{display: block !important;margin-top: 5px !important;font-size: 16px !important;font-weight: 400 !important;line-height: 1.3em !important;color: rgba(255, 255, 255, 0.85) !important;text-transform: none !important;}.forminator-ui.forminator-poll-45703 /* Checkbox centered below label */ .forminator-poll--column .forminator-radio-bullet{order: 3 !important;display: block !important;position: relative !important;left: auto !important;top: auto !important;right: auto !important;bottom: auto !important;float: none !important;width: 20px !important;height: 20px !important;min-width: 20px !important;min-height: 20px !important;margin: 14px auto 0 auto !important;padding: 0 !important;border: 2px solid #ffffff !important;border-radius: 4px !important;background: transparent !important;box-shadow: none !important;}.forminator-ui.forminator-poll-45703 /* Unchecked checkbox */ .forminator-poll--column .forminator-radio-bullet{width: 20px !important;height: 20px !important;border: 2px solid #ffffff !important;border-radius: 4px !important;position: relative !important;box-shadow: none !important;}.forminator-ui.forminator-poll-45703 /* Remove default Forminator dot */ .forminator-poll--column .forminator-radio-bullet::before{display: none !important;content: none !important;}.forminator-ui.forminator-poll-45703 /* Checked checkbox keeps translucent background */ .forminator-poll--column input[type="radio"]:checked + .forminator-radio-bullet{border-color: #ffffff !important;background: rgba(255, 255, 255, 0.18) !important;}.forminator-ui.forminator-poll-45703 /* Smaller white checked area inside */ .forminator-poll--column input[type="radio"]:checked + .forminator-radio-bullet::before{content: "" !important;display: block !important;position: absolute !important;/*inset: 3px !important;*/ background: #ffffff !important;border-radius: 2px !important;z-index: 1 !important;}.forminator-ui.forminator-poll-45703 .forminator-response-message.forminator-error.forminator-show{margin: 0 !important;text-align: center !important;margin: 25px auto 15px auto !important;background: rgba(216, 0, 0, 0.36) !important;border: 1px solid rgba(255, 255, 255, 0.35) !important;border-radius: 6px !important;padding: 10px 15px !important;max-width: 420px !important;}.forminator-ui.forminator-poll-45703 .forminator-response-message.forminator-error.forminator-show p{color: white!important;}.forminator-ui.forminator-poll-45703 /* ========================= SUBTITLE PER COLOR ========================= */ .forminator-radio input[value="answer-1"] ~ .forminator-radio-label::after{content: "The original spirit." !important;}.forminator-ui.forminator-poll-45703 .forminator-radio input[value="answer-2"] ~ .forminator-radio-label::after{content: "Clean, modern, timeless" !important;}.forminator-ui.forminator-poll-45703 .forminator-radio input[value="answer-3"] ~ .forminator-radio-label::after{content: "Guess the hardware" !important;}.forminator-ui.forminator-poll-45703 .forminator-radio input[value="answer-4"] ~ .forminator-radio-label::after{content: "Deep retro elegance" !important;}.forminator-ui.forminator-poll-45703 .forminator-radio input[value="answer-5"] ~ .forminator-radio-label::after{content: "Represent his Nation" !important;}.forminator-ui.forminator-poll-45703 .forminator-radio input[value="answer-6"] ~ .forminator-radio-label::after{content: "For collectors" !important;}.forminator-ui.forminator-poll-45703 .forminator-radio input[value="answer-7"] ~ .forminator-radio-label::after{content: "Bright, rare, and playful" !important;}.forminator-ui.forminator-poll-45703 .forminator-radio input[value="answer-8"] ~ .forminator-radio-label::after{content: "Fresh and unexpected" !important;}.forminator-ui.forminator-poll-45703 .forminator-radio input[value="answer-9"] ~ .forminator-radio-label::after{content: "Subtle, refined, understated" !important;}.forminator-ui.forminator-poll-45703 .forminator-radio input[value="answer-10"] ~ .forminator-radio-label::after{content: "Cool, vibrant, nostalgic" !important;}.forminator-ui.forminator-poll-45703 .forminator-radio input[value="answer-11"] ~ .forminator-radio-label::after{content: "Soft, classic, versatile" !important;}.forminator-ui.forminator-poll-45703 .forminator-radio input[value="answer-12"] ~ .forminator-radio-label::after{content: "Playful, bold, and unique" !important;}.forminator-ui.forminator-poll-45703 .forminator-radio input[value="answer-13"] ~ .forminator-radio-label::after{content: "Striking, rich, and distinctive" !important;}.forminator-ui.forminator-poll-45703 /* ========================= VOTE BUTTON ========================= */ .forminator-poll-footer{display: flex !important;justify-content: center !important;align-items: center !important;width: 100% !important;margin-top: 34px !important;}.forminator-ui.forminator-poll-45703 .forminator-button-submit{display: inline-flex !important;align-items: center !important;justify-content: center !important;min-width: 230px !important;height: 50px !important;background: #f5bd00 !important;color: #000000 !important;border: 1px solid rgba(0, 0, 0, 0.35) !important;border-radius: 7px !important;box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25) inset, 0 3px 8px rgba(0, 0, 0, 0.45) !important;font-size: 0 !important;font-family: inherit !important;font-weight: 800 !important;text-transform: uppercase !important;cursor: pointer !important;transition: all 0.2s ease !important;}.forminator-ui.forminator-poll-45703 .forminator-button-submit span,.forminator-ui.forminator-poll-45703 .forminator-button-submit i{display: none !important;}.forminator-ui.forminator-poll-45703 .forminator-button-submit::after{content: "VOTE NOW →" !important;display: block !important;font-size: 24px !important;line-height: 1 !important;font-weight: 800 !important;letter-spacing: 0.02em !important;color: #000000 !important;}.forminator-ui.forminator-poll-45703 .forminator-button-submit:hover{background: #ffd000 !important;transform: translateY(-1px) !important;}.forminator-ui.forminator-poll-45703 .forminator-button-submit:active{transform: translateY(1px) !important;}.forminator-ui.forminator-poll-45703 /* ========================= RESPONSIVE COLUMN COUNT Add this at the END of your CSS ========================= */ /* Force columns to wrap */ .forminator-poll--grid{display: flex !important;flex-wrap: wrap !important;justify-content: center !important;}.forminator-ui.forminator-poll-45703 /* Desktop: 4 columns */ .forminator-poll--column{width: calc(25% - 16px) !important;flex: 0 0 calc(25% - 16px) !important;max-width: calc(25% - 16px) !important;margin: 8px !important;box-sizing: border-box !important;}.forminator-ui.forminator-poll-45703 div.forminator-response-message.forminator-show.forminator-success{background: transparent!important;border: 2px solid green !important;}.forminator-ui.forminator-poll-45703 p.forminator-label--forminator-success{color: white !important;text-align: center !important;font-weight: 700 !important;font-size: large !important;} /* Medium desktop / tablet: 3 columns */ @media screen and (max-width: 1100px) { .forminator-ui.forminator-poll-45703 .forminator-poll--column{width: calc(33.333% - 16px) !important;flex: 0 0 calc(33.333% - 16px) !important;max-width: calc(33.333% - 16px) !important;} } /* Tablet / large mobile: 2 columns */ @media screen and (max-width: 760px) { .forminator-ui.forminator-poll-45703 .forminator-poll--column{width: calc(50% - 16px) !important;flex: 0 0 calc(50% - 16px) !important;max-width: calc(50% - 16px) !important;}.forminator-ui.forminator-poll-45703 .forminator-ui.forminator-poll-45703 #forminator-poll-45703--title{font-size: 15px !important;} } /* Small mobile: 1 column */ @media screen and (max-width: 430px) { .forminator-ui.forminator-poll-45703 .forminator-poll--column{width: 100% !important;flex: 0 0 100% !important;max-width: 100% !important;margin: 8px 0 !important;} }