/* Custom Theme */ /*** Look & Feel v7 Standard Theme ***/ /********** LOGO CUSTOMIZATIONS **********/ /* Logo size adjustment */ /* Assumes the image has a 1000px width to account for retina display */ .layout_logo { width: 100%; } /* Logo size adjustment -- narrow screen (mobile) */ @media screen and (max-width: 768px) { .layout_logo { width: 100%; height: auto; } } /********** QUESTION AND ANSWER CUSTOMIZATIONS **********/ /* Dropdown max height adjustment */ /* When setting max-height value, use a multiple of 55px, since that aligns to height of an individual list item */ .dropdown_dropdownList.dropdown_dropdownList_isActive { max-height: 330px; padding: 3px; overflow: auto; } /********** MOBILE FONT SIZES **********/ /* Recommended: decrease font size on mobile if your client is optimizing for response rates over accessibility */ @media screen and (max-width: 768px) { /* Reduce font size on questions */ /* .questionCaption { font-size: 18px; line-height: 1.2; display: block; } */ /* Reduce padding on questions */ /* .question_questionTitle { padding: 10px 0; } */ /* Reduce padding on text blocks */ /* .layout_text { padding: 10px 0; } .layout_answers { margin: 0 0 5px; } */ /* Reduce font size for validation block */ /* .validation_validationBlock { font-size: 15px; padding-bottom: 5px; } */ /* Hide the longform multiselect message (e.g. the "Select all that apply" message that appears) */ .longform_multiSelectMessage { display: none; } } /* Progress bar background color */ .progressbar_progressBar { background-color: #E6E6E6; } /* Back button mouse hover-over color */ .button_button_isSecondary:focus, .button_button_isSecondary:hover { background-color: #CCCCCC; } /* Next/Finish button mouse hover-over color */ .button_button_isPrimary:focus, .button_button_isPrimary:hover { background-color: #CC0058; } .button_button_isPrimary:focus, .button_button_isPrimary:hover { color:#FFFFFF; } .button_button_isSecondary:focus, .button_button_isSecondary:hover { color: #303030 } /*** Progress bar background, or incomplete area ***/ .progressbar_progressBar { background-color: #dae0ea; /* Color of incomplete area */ height: 12px; /* Height of the bar */ } /* Calendar icon- Opens the calendar picker */ .calendar_calendarIcon, .calendarDatePickerButton .calendar_calendarIcon { color: #e90b5a; /* Ulta Color */ } /* Calendar icon - Calendar picker is open */ .calendar_calendarIconContainer_isActive .calendar_calendarIcon { color: #fff; /* White */ } /* Calendar icon background - Calendar picker is open */ .calendar_calendarIconContainer_isActive { background: #e90b5a; /* Blue */ border: 1px solid #e90b5a; /* Blue, 1px border */ } input#spl_q_ulta_store_uniqueid_txt { display:none; } input#spl_e_bp_cc_interaction_id_txt { display:none; } input#spl_e_ulta_bopis_order_id_txt { display:none; }