.virtual-meeting-component .virtual-meeting-content--initializing { background-color: #fff; filter: alpha(opacity=50); opacity: 0.5; } .virtual-meeting-component .meeting-registration-button { background-color: #15717d; border: 2px solid #fff; border-radius: 50px; color: #fff; display: inline-block; font-size: 14px; font-weight: 700; line-height: 16px; min-width: 120px; padding: 8px 20px; text-align: center; cursor: pointer; } .virtual-meeting-component .meeting-registration-button:hover { text-decoration: none; background-color: #fff; border: 2px solid #15717d; border-radius: 50px; color: #15717d; display: inline-block; font-size: 14px; font-weight: 700; line-height: 16px; min-width: 120px; padding: 8px 20px; text-align: center; cursor: pointer; } .virtual-meeting-component .meeting-registration-button.meeting-registration-button--disabled { background-color: #fff; border: 2px solid #15717d; border-radius: 50px; color: #15717d; display: inline-block; font-size: 14px; font-weight: 700; line-height: 16px; min-width: 120px; padding: 8px 20px; text-align: center; cursor: pointer; cursor: not-allowed; pointer-events: none; text-decoration: none; } .virtual-meeting-component .meeting-registration-button.meeting-registration-button--disabled:hover { background-color: #15717d; border: 2px solid #fff; border-radius: 50px; color: #fff; display: inline-block; font-size: 14px; font-weight: 700; line-height: 16px; min-width: 120px; padding: 8px 20px; text-align: center; cursor: pointer; } .virtual-meeting-component .virtual-meeting-spinner { position: absolute; top: 200px; left: 50%; z-index: 5000; } .virtual-meeting-component .virtual-meeting-spinner .spinner-section { width: 40px; height: 40px; position: relative; animation: sk-chase 2.5s infinite linear both; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item { width: 100%; height: 100%; position: absolute; left: 0; top: 0; animation: spinner-item 2.0s infinite ease-in-out both; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:before { content: ''; display: block; width: 25%; height: 25%; background-color: #000; border-radius: 100%; animation: spinner-item-before 2.0s infinite ease-in-out both; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(1) { animation-delay: -1.1s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(2) { animation-delay: -1.0s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(3) { animation-delay: -0.9s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(4) { animation-delay: -0.8s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(5) { animation-delay: -0.7s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(6) { animation-delay: -0.6s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(1):before { animation-delay: -1.1s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(2):before { animation-delay: -1.0s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(3):before { animation-delay: -0.9s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(4):before { animation-delay: -0.8s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(5):before { animation-delay: -0.7s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(6):before { animation-delay: -0.6s; } @keyframes sk-chase { 100% { transform: rotate(360deg); } } @keyframes spinner-item { 80%, 100% { transform: rotate(360deg); } } @keyframes spinner-item-before { 50% { transform: scale(0.4); } 100%, 0% { transform: scale(1); } } .box.virtual-meeting-list .component-content { overflow: visible; } .box.virtual-meeting-list .component-content .tabs .tabs-nav { overflow: visible; height: 50px; } .box.virtual-meeting-list .component-content .tabs .tabs-nav .tabs-nav-list { width: 100%; } .box.virtual-meeting-list .component-content .tabs .tabs-nav .tabs-nav-item { background: #ebebeb; padding: 14px 30px 18px; border: none; } .box.virtual-meeting-list .component-content .tabs .tabs-nav .tabs-nav-item.is-active { border-top: 4px solid #f36633; } .box.virtual-meeting-list .component-content .tabs .tabs-nav .tabs-nav-item.is-active .text-wrapper { color: #f36633; } .box.virtual-meeting-list .component-content .tabs .tabs-nav .tabs-nav-item:hover:not(.is-active) .text-wrapper { text-decoration: underline; } .box.virtual-meeting-list .component-content .tabs .tabs-nav .tabs-nav-item .text-wrapper { color: #808080; font: bold 18px Arial; } .box.virtual-meeting-list .component-content .tabs .tabs-content { overflow: visible; z-index: 500; padding: 0; border: none; } .virtual-meeting-component .virtual-meeting-content--initializing { background-color: #fff; filter: alpha(opacity=50); opacity: 0.5; } .virtual-meeting-component .meeting-registration-button { background-color: #15717d; border: 2px solid #fff; border-radius: 50px; color: #fff; display: inline-block; font-size: 14px; font-weight: 700; line-height: 16px; min-width: 120px; padding: 8px 20px; text-align: center; cursor: pointer; } .virtual-meeting-component .meeting-registration-button:hover { text-decoration: none; background-color: #fff; border: 2px solid #15717d; border-radius: 50px; color: #15717d; display: inline-block; font-size: 14px; font-weight: 700; line-height: 16px; min-width: 120px; padding: 8px 20px; text-align: center; cursor: pointer; } .virtual-meeting-component .meeting-registration-button.meeting-registration-button--disabled { background-color: #fff; border: 2px solid #15717d; border-radius: 50px; color: #15717d; display: inline-block; font-size: 14px; font-weight: 700; line-height: 16px; min-width: 120px; padding: 8px 20px; text-align: center; cursor: pointer; cursor: not-allowed; pointer-events: none; text-decoration: none; } .virtual-meeting-component .meeting-registration-button.meeting-registration-button--disabled:hover { background-color: #15717d; border: 2px solid #fff; border-radius: 50px; color: #fff; display: inline-block; font-size: 14px; font-weight: 700; line-height: 16px; min-width: 120px; padding: 8px 20px; text-align: center; cursor: pointer; } .virtual-meeting-component .virtual-meeting-spinner { position: absolute; top: 200px; left: 50%; z-index: 5000; } .virtual-meeting-component .virtual-meeting-spinner .spinner-section { width: 40px; height: 40px; position: relative; animation: sk-chase 2.5s infinite linear both; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item { width: 100%; height: 100%; position: absolute; left: 0; top: 0; animation: spinner-item 2.0s infinite ease-in-out both; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:before { content: ''; display: block; width: 25%; height: 25%; background-color: #000; border-radius: 100%; animation: spinner-item-before 2.0s infinite ease-in-out both; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(1) { animation-delay: -1.1s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(2) { animation-delay: -1.0s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(3) { animation-delay: -0.9s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(4) { animation-delay: -0.8s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(5) { animation-delay: -0.7s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(6) { animation-delay: -0.6s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(1):before { animation-delay: -1.1s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(2):before { animation-delay: -1.0s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(3):before { animation-delay: -0.9s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(4):before { animation-delay: -0.8s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(5):before { animation-delay: -0.7s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(6):before { animation-delay: -0.6s; } @keyframes sk-chase { 100% { transform: rotate(360deg); } } @keyframes spinner-item { 80%, 100% { transform: rotate(360deg); } } @keyframes spinner-item-before { 50% { transform: scale(0.4); } 100%, 0% { transform: scale(1); } } .virtualMeetingList .meeting-list-filter { background-color: #f0efed; padding: 30px; } .virtualMeetingList .meeting-list-filter .meeting-list-filter__categoryTrigger.active { font-weight: 700; } .virtualMeetingList .meeting-list-filter .meeting-list-filter__categoryTrigger.active:before { content: 'x'; } .virtualMeetingList .meeting-list-filter .meeting-list-filter__filterByLabel { background-color: #f36633; color: #fff; padding: 10px 45px; font-size: 16px; border: none; cursor: pointer; margin: 0; display: inline; } .virtualMeetingList .meeting-list-filter .meeting-list-filter__foundResults { float: right; font-size: 14px; margin: 0; display: inline; } .virtualMeetingList .meeting-list-filter .meeting-list-filter__filterBox { display: none; position: absolute; background-color: #fff; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); z-index: 1; margin-top: 10px; min-width: 230px; } .virtualMeetingList .meeting-list-filter .meeting-list-filter__resetTrigger { box-sizing: border-box; margin: 10px 10px; padding: 0; border-radius: 20px; text-align: center; font-size: 15px; } .virtualMeetingList .meeting-list-filter .meeting-list-filter__resetTrigger .resetTrigger__label { background-color: #f0efed; color: #f36633; border: 0; border-radius: 20px; padding: 5px; font-weight: 700; display: block; margin-top: 10px; margin-bottom: 10px; } .virtualMeetingList .meeting-list-filter .meeting-list-filter__resetTrigger .resetTrigger__label:hover { background-color: #f36633; color: #f0efed; cursor: pointer; } .virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter { border-width: 0 0 2px; border-style: solid; border-color: #e0dfdd; border-image: none; padding: 0; margin: 0; clear: both; height: 52px; position: relative; cursor: pointer; } .virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter.active { height: auto; transition-duration: 0.5s; } .virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter:first-child { border-width: 2px 0 2px; } .virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__label { font-weight: 700; padding-left: 16px; padding-top: 10px; position: relative; display: block; } .virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__label:after { content: '+'; float: right; font-size: medium; margin-right: 20px; } .virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter.selected .categoryFilter__label { color: #15717d; } .virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__selectedCategoryTitle { font-style: italic; margin-left: 16px; } .virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter.active .categoryFilter__label:after { content: '-'; } .virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter.active .categoryFilter__optionsList { display: block; } .virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter:not(.active):hover { background-color: #f0efed; } .virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__optionsList { display: none; list-style: none; padding-left: 0; } .virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__optionsList li { border-bottom: 1px solid; border-color: #e0dfdd; padding: 15px; } .virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__optionsList li:hover:not(input):not(button) { background-color: #f36633; color: #f0efed; } .virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__optionsList li:hover:not(input):not(button) .categoryFilter__additionalInformation { color: #f0efed; } .virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__optionsList li.selected { background-color: #15717d; color: #fff; } .virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__optionsList li.selected .categoryFilter__additionalInformation { color: #fff; } .virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__optionsList li.selected:hover { color: #f0efed; } .virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__optionsList li.selected:hover .categoryFilter__additionalInformation { color: #f0efed; } .virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__optionsList .categoryFilter__name { margin: 0; } .virtualMeetingList .meeting-list-filter .meeting-list-filter__filterDefinitions .meeting-list-filter__categoryFilter .categoryFilter__optionsList .categoryFilter__additionalInformation { display: block; color: #808080; font-style: italic; margin: 0; } .virtual-meeting-component .virtual-meeting-content--initializing { background-color: #fff; filter: alpha(opacity=50); opacity: 0.5; } .virtual-meeting-component .meeting-registration-button { background-color: #15717d; border: 2px solid #fff; border-radius: 50px; color: #fff; display: inline-block; font-size: 14px; font-weight: 700; line-height: 16px; min-width: 120px; padding: 8px 20px; text-align: center; cursor: pointer; } .virtual-meeting-component .meeting-registration-button:hover { text-decoration: none; background-color: #fff; border: 2px solid #15717d; border-radius: 50px; color: #15717d; display: inline-block; font-size: 14px; font-weight: 700; line-height: 16px; min-width: 120px; padding: 8px 20px; text-align: center; cursor: pointer; } .virtual-meeting-component .meeting-registration-button.meeting-registration-button--disabled { background-color: #fff; border: 2px solid #15717d; border-radius: 50px; color: #15717d; display: inline-block; font-size: 14px; font-weight: 700; line-height: 16px; min-width: 120px; padding: 8px 20px; text-align: center; cursor: pointer; cursor: not-allowed; pointer-events: none; text-decoration: none; } .virtual-meeting-component .meeting-registration-button.meeting-registration-button--disabled:hover { background-color: #15717d; border: 2px solid #fff; border-radius: 50px; color: #fff; display: inline-block; font-size: 14px; font-weight: 700; line-height: 16px; min-width: 120px; padding: 8px 20px; text-align: center; cursor: pointer; } .virtual-meeting-component .virtual-meeting-spinner { position: absolute; top: 200px; left: 50%; z-index: 5000; } .virtual-meeting-component .virtual-meeting-spinner .spinner-section { width: 40px; height: 40px; position: relative; animation: sk-chase 2.5s infinite linear both; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item { width: 100%; height: 100%; position: absolute; left: 0; top: 0; animation: spinner-item 2.0s infinite ease-in-out both; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:before { content: ''; display: block; width: 25%; height: 25%; background-color: #000; border-radius: 100%; animation: spinner-item-before 2.0s infinite ease-in-out both; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(1) { animation-delay: -1.1s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(2) { animation-delay: -1.0s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(3) { animation-delay: -0.9s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(4) { animation-delay: -0.8s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(5) { animation-delay: -0.7s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(6) { animation-delay: -0.6s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(1):before { animation-delay: -1.1s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(2):before { animation-delay: -1.0s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(3):before { animation-delay: -0.9s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(4):before { animation-delay: -0.8s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(5):before { animation-delay: -0.7s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(6):before { animation-delay: -0.6s; } @keyframes sk-chase { 100% { transform: rotate(360deg); } } @keyframes spinner-item { 80%, 100% { transform: rotate(360deg); } } @keyframes spinner-item-before { 50% { transform: scale(0.4); } 100%, 0% { transform: scale(1); } } .virtualMeetingList .meeting-list-content .no-results-label { display: table; margin: 0 auto; font-size: large; } .virtualMeetingList .meeting-list-content .meeting-list-entry { display: flex; align-items: flex-start; align-content: center; padding-bottom: 30px; margin: 30px 0 0; position: relative; } .virtualMeetingList .meeting-list-content .meeting-list-entry:not(.hidden-by-filter):not(:last-child) { border-bottom: 1px solid #d4d0ce; } .virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--subMeeting .meeting-list-column.column--basicInfo { border-right: none; } .virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--subMeeting:not(.hidden-by-filter) .meeting-list-column.column--basicInfo { border-right: none; } .virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--subMeeting:not(.hidden-by-filter) .meeting-list-column.column--supplementaryInfo .meeting-list-section.section--registerButton, .virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--subMeeting:not(.hidden-by-filter) .meeting-list-column.column--supplementaryInfo .meeting-list-section .section-item--showSubMeetings { margin-top: 15px; margin-bottom: -15px; display: inline-block; } .virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-column.column--basicInfo { border-right: 1px solid #d4d0ce; } .virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--cancelled { background-color: #fff; filter: alpha(opacity=50); opacity: 0.5; } .virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--hasSubMeetings .meeting-list-section.section--generalInfo { flex-shrink: 0; width: 400px; } .virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--hasSubMeetings .meeting-list-section.section--details { display: none; } .virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--hasSubMeetings .meeting-list-section.section--registerButton { display: none; } .virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--hasSubMeetings .meeting-list-section.section--subMeetings .meeting-list-entry { flex-direction: column; } .virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--hasSubMeetings .meeting-list-section.section--subMeetings .meeting-list-entry .meeting-list-column .meeting-list-section { display: inline-block; padding: 0; } .virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--hasSubMeetings .meeting-list-section.section--subMeetings .meeting-list-entry .meeting-list-column .meeting-list-section { flex-direction: column; } .virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--hasSubMeetings .meeting-list-section.section--subMeetings .meeting-list-entry .meeting-list-column .meeting-list-section.section--generalInfo { flex-shrink: 0; width: 150px; } .virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--hasSubMeetings .meeting-list-section.section--subMeetings .meeting-list-entry .meeting-list-column .meeting-list-section.section--details { display: block; border-left: none; } .virtualMeetingList .meeting-list-content .meeting-list-entry.meeting-list-entry--hasSubMeetings .meeting-list-section.section--subMeetings span.subMeetings-label { font-weight: 700; font-size: 18px; } .virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section { position: relative; padding: 0 20px; float: left; } .virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section .section-item--showSubMeetings { padding: 0 20px; } .virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section.section--generalInfo { flex-shrink: 0; width: 400px; } .virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section.section--generalInfo .section-item--description { font-family: Arial, sans-serif; color: #4a4a4a; font-size: 14px; line-height: 1.5; text-align: justify; text-justify: inter-word; } .virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section.section--regulatoryCode { padding-left: 20px; position: absolute; right: 5%; bottom: 5px; } .virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section.section--regulatoryCode .section-item--zincCode { font-size: 12px; color: #3e3e3e; font-family: Arial, sans-serif; } .virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section .section-item--meetingBanner .eventMeetingBanner--small { width: 230px; height: 173px; position: relative; float: left; } .virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section .section-item--title a { font-size: 24px; color: #15717d; font-weight: 700; } .virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section .section-item--title a:hover { text-decoration: underline; } .virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section.section--registerButton, .virtualMeetingList .meeting-list-content .meeting-list-entry .meeting-list-section .section-item--showSubMeetings { display: inline-block; position: relative; } .virtual-meeting-component .virtual-meeting-content--initializing { background-color: #fff; filter: alpha(opacity=50); opacity: 0.5; } .virtual-meeting-component .meeting-registration-button { background-color: #15717d; border: 2px solid #fff; border-radius: 50px; color: #fff; display: inline-block; font-size: 14px; font-weight: 700; line-height: 16px; min-width: 120px; padding: 8px 20px; text-align: center; cursor: pointer; } .virtual-meeting-component .meeting-registration-button:hover { text-decoration: none; background-color: #fff; border: 2px solid #15717d; border-radius: 50px; color: #15717d; display: inline-block; font-size: 14px; font-weight: 700; line-height: 16px; min-width: 120px; padding: 8px 20px; text-align: center; cursor: pointer; } .virtual-meeting-component .meeting-registration-button.meeting-registration-button--disabled { background-color: #fff; border: 2px solid #15717d; border-radius: 50px; color: #15717d; display: inline-block; font-size: 14px; font-weight: 700; line-height: 16px; min-width: 120px; padding: 8px 20px; text-align: center; cursor: pointer; cursor: not-allowed; pointer-events: none; text-decoration: none; } .virtual-meeting-component .meeting-registration-button.meeting-registration-button--disabled:hover { background-color: #15717d; border: 2px solid #fff; border-radius: 50px; color: #fff; display: inline-block; font-size: 14px; font-weight: 700; line-height: 16px; min-width: 120px; padding: 8px 20px; text-align: center; cursor: pointer; } .virtual-meeting-component .virtual-meeting-spinner { position: absolute; top: 200px; left: 50%; z-index: 5000; } .virtual-meeting-component .virtual-meeting-spinner .spinner-section { width: 40px; height: 40px; position: relative; animation: sk-chase 2.5s infinite linear both; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item { width: 100%; height: 100%; position: absolute; left: 0; top: 0; animation: spinner-item 2.0s infinite ease-in-out both; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:before { content: ''; display: block; width: 25%; height: 25%; background-color: #000; border-radius: 100%; animation: spinner-item-before 2.0s infinite ease-in-out both; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(1) { animation-delay: -1.1s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(2) { animation-delay: -1.0s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(3) { animation-delay: -0.9s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(4) { animation-delay: -0.8s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(5) { animation-delay: -0.7s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(6) { animation-delay: -0.6s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(1):before { animation-delay: -1.1s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(2):before { animation-delay: -1.0s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(3):before { animation-delay: -0.9s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(4):before { animation-delay: -0.8s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(5):before { animation-delay: -0.7s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(6):before { animation-delay: -0.6s; } @keyframes sk-chase { 100% { transform: rotate(360deg); } } @keyframes spinner-item { 80%, 100% { transform: rotate(360deg); } } @keyframes spinner-item-before { 50% { transform: scale(0.4); } 100%, 0% { transform: scale(1); } } .virtualMeetingList.subeventslisting .virtual-meeting-spinner { top: 20px; } .virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry { font-weight: 700; border: 1px solid #e1dede; margin: 0; min-height: 75px; padding-bottom: 0; display: flex; flex-direction: column; } .virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--basicInfo { width: 75%; border-right: none; } .virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--basicInfo .meeting-list-section.section--generalInfo { width: 100%; } .virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--basicInfo .meeting-list-section.section--generalInfo .section-item--speakers { margin: 0; } .virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--basicInfo .meeting-list-section.section--generalInfo .section-item--speakers .speakersSection--speakerInfo .speakerSection--speakerName, .virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--basicInfo .meeting-list-section.section--generalInfo .section-item--speakers .speakersSection--speakerInfo .speakerSection--speakerTitle { font-size: 14px; line-height: 22px; } .virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--basicInfo .meeting-list-section.section--generalInfo .section-item--speakers .speakersSection--speakerInfo .speakerSection--speakerTitle { margin-right: 2px; } .virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--basicInfo .meeting-list-section.section--generalInfo .section-item--speakers .speakersSection--speakerInfo .speakerSection--viewSpeakerBio { float: right; color: #15717d; text-decoration: none; } .virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--registrationArea { position: absolute; right: 0; top: 15px; } .virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--supplementaryInfo { width: 75%; order: -1; } .virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--supplementaryInfo .meeting-list-section.section--details { border-left: none; width: 100%; margin-top: 6px; } .virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--supplementaryInfo .meeting-list-section.section--details .section-item--dateInfo { color: #000; font-size: 18px; line-height: 20px; margin-bottom: 6px; } .virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--supplementaryInfo .meeting-list-section.section--details .section-item--dateInfo .dateInfo-element--conjuctionText { display: none; } .virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--supplementaryInfo .meeting-list-section.section--details .section-item--dateInfo .dateInfo-element--startTime { float: right; } .virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--supplementaryInfo .meeting-list-section.section--registerButton { right: 0; top: 15px; height: 100%; left: auto; position: absolute; } .virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--supplementaryInfo .meeting-list-section.section--registerButton:before { content: ''; height: 90%; width: 1px; background-color: #e1dede; position: relative; } .virtualMeetingList.subeventslisting .meeting-list-content .meeting-list-entry .meeting-list-column.column--supplementaryInfo .meeting-list-section.section--registerButton a.meeting-list-button { top: 50%; transform: translateY(-50%); position: relative; } .virtual-meeting-component .virtual-meeting-content--initializing { background-color: #fff; filter: alpha(opacity=50); opacity: 0.5; } .virtual-meeting-component .meeting-registration-button { background-color: #15717d; border: 2px solid #fff; border-radius: 50px; color: #fff; display: inline-block; font-size: 14px; font-weight: 700; line-height: 16px; min-width: 120px; padding: 8px 20px; text-align: center; cursor: pointer; } .virtual-meeting-component .meeting-registration-button:hover { text-decoration: none; background-color: #fff; border: 2px solid #15717d; border-radius: 50px; color: #15717d; display: inline-block; font-size: 14px; font-weight: 700; line-height: 16px; min-width: 120px; padding: 8px 20px; text-align: center; cursor: pointer; } .virtual-meeting-component .meeting-registration-button.meeting-registration-button--disabled { background-color: #fff; border: 2px solid #15717d; border-radius: 50px; color: #15717d; display: inline-block; font-size: 14px; font-weight: 700; line-height: 16px; min-width: 120px; padding: 8px 20px; text-align: center; cursor: pointer; cursor: not-allowed; pointer-events: none; text-decoration: none; } .virtual-meeting-component .meeting-registration-button.meeting-registration-button--disabled:hover { background-color: #15717d; border: 2px solid #fff; border-radius: 50px; color: #fff; display: inline-block; font-size: 14px; font-weight: 700; line-height: 16px; min-width: 120px; padding: 8px 20px; text-align: center; cursor: pointer; } .virtual-meeting-component .virtual-meeting-spinner { position: absolute; top: 200px; left: 50%; z-index: 5000; } .virtual-meeting-component .virtual-meeting-spinner .spinner-section { width: 40px; height: 40px; position: relative; animation: sk-chase 2.5s infinite linear both; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item { width: 100%; height: 100%; position: absolute; left: 0; top: 0; animation: spinner-item 2.0s infinite ease-in-out both; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:before { content: ''; display: block; width: 25%; height: 25%; background-color: #000; border-radius: 100%; animation: spinner-item-before 2.0s infinite ease-in-out both; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(1) { animation-delay: -1.1s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(2) { animation-delay: -1.0s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(3) { animation-delay: -0.9s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(4) { animation-delay: -0.8s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(5) { animation-delay: -0.7s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(6) { animation-delay: -0.6s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(1):before { animation-delay: -1.1s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(2):before { animation-delay: -1.0s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(3):before { animation-delay: -0.9s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(4):before { animation-delay: -0.8s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(5):before { animation-delay: -0.7s; } .virtual-meeting-component .virtual-meeting-spinner .spinner-item:nth-child(6):before { animation-delay: -0.6s; } @keyframes sk-chase { 100% { transform: rotate(360deg); } } @keyframes spinner-item { 80%, 100% { transform: rotate(360deg); } } @keyframes spinner-item-before { 50% { transform: scale(0.4); } 100%, 0% { transform: scale(1); } } .virtualMeetingRegistration .virtual-meeting-spinner { top: 45px; } .virtualMeetingRegistration .virtual-meeting-info { padding: 20px 0; margin-top: 30px; min-height: 30px; background-color: #424242; } .virtualMeetingRegistration .virtual-meeting-info .registration-section-item { display: flex; align-items: center; margin-left: 15%; } .virtualMeetingRegistration .virtual-meeting-info .registration-section-item * { margin: 0 15%; } .virtualMeetingRegistration .virtual-meeting-info .registration-section-item span { font-size: 20px; color: white; } .virtualMeetingRegistration .virtual-meeting-info .registration-section-item .meeting-registration-button:not(.meeting-registration-button--cancelled) { border-color: #15717d; } /* COLOR NAMES ----------------------------------------- */ /*theme colors*/ /*hard-coded colors*/ /* FUNCTIONAL COLORS ----------------------------------------- */ /*border colors*/ /*text colors*/ /*background colors*/ /*gradient colors*/ /* all other colors*/ /* BUTTONS ----------------------------------*/ .webinar { border: 1px solid #D5D1CE; } .webinar .containerInner { height: auto; overflow: hidden; padding: 1% 1% 0 0%; } .webinar .contentLeft { overflow: hidden; float: left; width: 60%; } .webinar .contentRight { overflow: hidden; } .webinar .footer { overflow: hidden; margin: 10px auto; } .webinar .footer .webinarArrowLeft { background: url("../../img/arrows/leftArrow.png") no-repeat left center; bottom: 0; left: 0; } .webinar .footer .webinarArrowRight { background: url("../../img/arrows/rightArrow.png") no-repeat left center; right: 0; bottom: 0; } .webinar .content { overflow: auto; margin: 0 0 0 10px; position: relative; overflow-x: hidden; overflow-y: hidden; } .webinar .content .webinarThumbnails { margin: 0 46px; overflow: hidden; } @media only screen and (max-width: 767px) { .webinar .content .webinarThumbnails { margin: 0 20px; } } .webinar .content .webinarThumbnails .view-chapters-button { display: none; } @media only screen and (max-width: 767px) { .webinar .content .webinarThumbnails .view-chapters-button { display: block; } } @media only screen and (max-width: 767px) { .webinar .content .webinarThumbnails .desktop-only { display: none; } } .webinar .content .webinarThumbnails .imagesContainer { overflow: hidden; position: relative; } .webinar .webinarThumbnails { margin: 0 46px; overflow: hidden; } .webinar .slide { text-align: center; } .webinar .slide img { width: 96%; } .webinar .videoDetail { text-align: left; overflow: hidden; margin: 5px 5px 45px 0; padding: 0; } .webinar .imageSeparator { margin: 0 8px; } .webinar .imagesContainer div { float: left; } .webinar .imagesContainer div img { float: left; cursor: pointer; width: 150px; height: 115px; display: block; border: 1px solid #D5D1CE; } .webinar .imageBox.activeSlide img { border: 1px solid #D5D1CE; } .webinar .video { width: 100%; height: 250px; } .webinar .webinarArrowLeft, .webinar .webinarArrowRight { height: 20px; width: 20px; position: absolute; z-index: 1; cursor: pointer; background-color: #e0e0e0; padding: 50px 0; } .webinarTeaser__wrapper { display: block; } @media only screen and (min-width: 720px) { .webinarTeaser__wrapper { display: flex; } } .webinarTeaser__image { display: block; width: 100%; } @media only screen and (min-width: 720px) { .webinarTeaser__image { background-size: cover; background-position: center; } .webinarTeaser__image-left { order: 0; } .webinarTeaser__image-right { order: 2; } } .webinarTeaser__image img { width: 100%; } @media only screen and (min-width: 720px) { .webinarTeaser__image img { display: none; } } .webinarTeaser__content { width: 100%; } .listing-item:first-of-type { margin-left: 0; } .grid_12 .listing .listing-item.grid_1:nth-of-type(12n + 1) { margin-left: 0; } .grid_12 .listing .listing-item.grid_2:nth-of-type(6n + 1) { margin-left: 0; } .grid_12 .listing .listing-item.grid_3:nth-of-type(4n + 1) { margin-left: 0; } .grid_12 .listing .listing-item.grid_4:nth-of-type(3n + 1) { margin-left: 0; } .grid_12 .listing .listing-item.grid_5:nth-of-type(2.4n + 1) { margin-left: 0; } .grid_12 .listing .listing-item.grid_6:nth-of-type(2n + 1) { margin-left: 0; } .grid_12 .listing .listing-item.grid_7:nth-of-type(1.71429n + 1) { margin-left: 0; } .grid_12 .listing .listing-item.grid_8:nth-of-type(1.5n + 1) { margin-left: 0; } .grid_12 .listing .listing-item.grid_9:nth-of-type(1.33333n + 1) { margin-left: 0; } .grid_12 .listing .listing-item.grid_10:nth-of-type(1.2n + 1) { margin-left: 0; } .grid_12 .listing .listing-item.grid_11:nth-of-type(1.09091n + 1) { margin-left: 0; } .grid_12 .listing .listing-item.grid_12:nth-of-type(1n + 1) { margin-left: 0; } .grid_16 .listing .listing-item.grid_1:nth-of-type(16n + 1) { margin-left: 0; } .grid_16 .listing .listing-item.grid_2:nth-of-type(8n + 1) { margin-left: 0; } .grid_16 .listing .listing-item.grid_3:nth-of-type(5.33333n + 1) { margin-left: 0; } .grid_16 .listing .listing-item.grid_4:nth-of-type(4n + 1) { margin-left: 0; } .grid_16 .listing .listing-item.grid_5:nth-of-type(3.2n + 1) { margin-left: 0; } .grid_16 .listing .listing-item.grid_6:nth-of-type(2.66667n + 1) { margin-left: 0; } .grid_16 .listing .listing-item.grid_7:nth-of-type(2.28571n + 1) { margin-left: 0; } .grid_16 .listing .listing-item.grid_8:nth-of-type(2n + 1) { margin-left: 0; } .grid_16 .listing .listing-item.grid_9:nth-of-type(1.77778n + 1) { margin-left: 0; } .grid_16 .listing .listing-item.grid_10:nth-of-type(1.6n + 1) { margin-left: 0; } .grid_16 .listing .listing-item.grid_11:nth-of-type(1.45455n + 1) { margin-left: 0; } .grid_16 .listing .listing-item.grid_12:nth-of-type(1.33333n + 1) { margin-left: 0; } .grid_16 .listing .listing-item.grid_13:nth-of-type(1.23077n + 1) { margin-left: 0; } .grid_16 .listing .listing-item.grid_14:nth-of-type(1.14286n + 1) { margin-left: 0; } .grid_16 .listing .listing-item.grid_15:nth-of-type(1.06667n + 1) { margin-left: 0; } .grid_16 .listing .listing-item.grid_16:nth-of-type(1n + 1) { margin-left: 0; } .navigationMobileOptimized .mobile-optimized { display: none; } /* COLOR NAMES ----------------------------------------- */ /*theme colors*/ /*hard-coded colors*/ /* FUNCTIONAL COLORS ----------------------------------------- */ /*border colors*/ /*text colors*/ /*background colors*/ /*gradient colors*/ /* all other colors*/ /* BUTTONS ----------------------------------*/ .searchBlox-pagination .searchResults-pagination { text-align: center; overflow: hidden; padding: 0; margin-top: 10px; margin-bottom: 10px; cursor: default; } .searchBlox-pagination .searchResults-pagination-item { display: inline-block; line-height: 30px; margin: 1px; cursor: default; } .searchBlox-pagination .searchResults-pagination-item a { display: inline-block; min-width: 30px; padding: 0 10px; cursor: pointer; } .searchBlox-pagination .searchResults-pagination-item a:hover { text-decoration: none; color: dimgrey; font-weight: bold; } .searchBlox-pagination .searchResults-pagination-item.is-active a { font-weight: bold; color: black; } .searchBlox-pagination .searchResults-pagination-item:last-child a, .searchBlox-pagination .searchResults-pagination-item:first-child a { height: inherit; width: inherit; border-right: inherit; line-height: 30px; } .searchBlox-pagination .searchResults-pagination-list { padding: 0; margin: 0; } .lt-ie8 .searchBlox-pagination .searchResults-pagination-item { display: inline; zoom: 1; margin: 3px; } .lt-ie8 .searchBlox-pagination .searchResults-pagination-item a { display: block; zoom: 1; } .navigationGroupEnhanced .component-content { overflow: visible; } .navigationGroupEnhanced .component-content nav.flexy { position: relative; height: 60px; display: flex; align-items: center; } .navigationGroupEnhanced .component-content nav.flexy button.moreFields { align-self: stretch; transition: all .4s ease-out; padding: 0 1rem 0 1.5rem; outline: 0; border: 0; font-size: 18px; background: #F36533; color: #ffffff; } .navigationGroupEnhanced .component-content nav.flexy button.moreFields.hidden { transition: none; border-right: 0.5rem solid #F36533; width: 0; padding: 0; overflow: visible; display: none; } .navigationGroupEnhanced .component-content nav.flexy button.moreFields:after { content: attr(count); display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; background: #ffffff; color: #F36533; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.8); border-radius: 50%; font-size: 14px; line-height: 14px; margin-left: 1rem; margin-right: calc(-1rem + -8px); } .navigationGroupEnhanced .component-content nav.flexy ul.links { display: flex; justify-content: flex-end; flex: 1; overflow: hidden; } .navigationGroupEnhanced .component-content nav.flexy ul li { flex: auto; padding: 1rem; } .navigationGroupEnhanced .component-content nav.flexy ul li a { color: #ffffff; } .navigationGroupEnhanced .component-content nav.flexy ul li ul { background: #F36533; } .navigationGroupEnhanced .component-content nav.flexy ul.hidden-links { display: block; position: absolute; background: #F36533; right: 0; top: 100%; } .navigationGroupEnhanced .component-content nav.flexy ul.hidden-links li { padding: 1rem; } .navigationGroupEnhanced .component-content nav.flexy ul.hidden-links li a { color: #ffffff; padding-right: 3rem; } .navigationGroupEnhanced .component-content nav.flexy ul.hidden-links li ul li a { color: #ffffff; } .navigationGroupEnhanced .component-content nav.flexy ul.hidden-links.hidden { display: none; } .navigationGroupEnhanced .component-content * { box-sizing: border-box; } .tabsEnhancedMarkup .component-content .tabs-arrows { display: flex; width: 100%; } .tabsEnhancedMarkup .component-content .tabs-arrows .tabs-arrows__left { float: left; } .tabsEnhancedMarkup .component-content .tabs-arrows .tabs-arrows__right { float: right; } .tabsEnhancedMarkup .component-content .tabs-arrows .tabs-arrows--hidden { cursor: not-allowed; opacity: 0.5; pointer-events: none; } .tabsEnhancedMarkup .component-content .tabs-arrows .tabs-arrows--hidden a { text-decoration: none; } .tabsEnhancedMarkup .component-content .tabs-arrows .tabs-dots { display: inline-block; margin: 0 auto; width: 90%; } .tabsEnhancedMarkup .component-content .tabs-arrows .tabs-dots .tabs-dots__list { display: flex; } .tabsEnhancedMarkup .component-content .tabs-arrows .tabs-dots .tabs-dots__list li { display: block; } .tabsEnhancedMarkup .component-content .tabs-arrows .tabs-dots .tabs-dots__list .tabs-dots__item { flex: auto; } .tabsEnhancedMarkup .component-content .tabs-arrows .tabs-dots .tabs-dots__list .tabs-dots__item .tabs-dots__dot { display: block; border-radius: 50%; width: 15px; height: 15px; background-color: black; } .tabsEnhancedMarkup .component-content .tabs-arrows .tabs-dots .tabs-dots__list .is-active .tabs-dots__dot { background-color: #F36533; } .cf-form-notification { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: black; background: rgba(0, 0, 0, 0.8); z-index: 1000; } .cf-form-notification .cf-form-notification-inner { position: fixed; top: 100px; width: 700px; margin-left: -363px; left: 50%; padding: 13px; background-color: #e1e1e1; } .cf-form-notification.is-hidden { display: none; } @media screen and (max-width: 699px) { .cf-form-notification .cf-form-notification-inner { position: absolute; width: auto; margin: 20px; left: 0; top: 0; } } @media screen and (max-width: 699px) { .cf-form-notification-restrictive { position: absolute; } } .cf-form-notification-buttons { text-align: right; } .cf-form-header-error-msg-text { font-wieght: bold; color: red; text-align: center; } /* -------------------------------- File: _modal.box.scss Title: Modal Styles Descr: Core styles for the modal component. Usage: Haleon AEM CF Framework -------------------------------- */ div.wf-modal { position: relative; width: auto; height: auto; opacity: 1; visibility: visible; background-color: transparent; } div.wf-modal::after { content: "Modal / Dialog region (Overlay styles available in preview or 'view as published')"; background: black; padding: 0.2rem; font-size: 12px; color: white; position: absolute; bottom: -1rem; left: 50%; transform: translateX(-50%); } div.wf-modal .wf-modal-wrapper { width: auto !important; transform: scale(1) !important; border: solid 1px black; position: relative; margin: 0 auto; } div.wf-modal .wf-modal-body .new.section { min-width: 12rem; } dialog.wf-modal { position: fixed; z-index: var(--wf-modal-z-index, 100); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; left: 0; top: 0; max-width: 100%; max-height: 100%; opacity: 0; visibility: hidden; border: none; background: transparent; padding: 1.5rem; } dialog.wf-modal::backdrop { background: var(--wf-modal-backdrop, rgba(0, 0, 0, 0.8)); } dialog.wf-modal:not([open]) { pointer-events: none; background-color: transparent; } dialog.wf-modal[open] { opacity: 1; visibility: visible; } .wf-modal-wrapper { width: 100%; max-height: 100%; height: auto !important; transform: scale(0); max-width: 64em; border-radius: var(--wf-modal-radius, 0.3em); margin: 0 1rem; background-color: var(--wf-modal-background-color, white); } .wf-modal-wrapper--xs { max-width: var(--wf-modal-xs, 540px); } .wf-modal-wrapper--sm { max-width: var(--wf-modal-sm, 720px); } .wf-modal-wrapper--md { max-width: var(--wf-modal-md, 960px); } .wf-modal-wrapper--lg { max-width: var(--wf-modal-lg, 1140px); } .wf-modal-wrapper--xl { max-width: var(--wf-modal-xl, 1320px); } .wf-modal-body { padding: var(--wf-modal-padding, 1rem) !important; font-size: var(--wf-modal-font-size-body, 1rem); } .wf-modal-close { transition: var(--wf-modal-transition-duration, 0.2s); cursor: pointer; border: none; position: absolute; right: -15px; top: -15px; background-color: var(--wf-modal-close-button-background, black) !important; border-radius: 50%; height: 35px; width: 35px; line-height: 1; } .wf-modal-close:hover, .wf-modal-close:focus, .wf-modal-close:focus-visible { background-color: var(--wf-modal-close-button-background-focus, blue) !important; } .wf-modal-close > svg { fill: var(--wf-modal-close-icon-color, white); position: absolute; left: 8px; top: 8px; } @media (prefers-reduced-motion: no-preference) { .wf-modal--fade, .wf-modal--scale, .wf-modal--fade-up, .wf-modal--fade-down, .wf-modal--fade-right, .wf-modal--fade-left, .wf-modal--slide-up, .wf-modal--slide-down, .wf-modal--slide-right, .wf-modal--slide-left { transition: opacity var(--wf-modal-transition-duration, 0.2s), background-color var(--wf-modal-transition-duration, 0.2s), visibility 0s var(--wf-modal-transition-duration, 0.2s); } .wf-modal--fade[open], .wf-modal--scale[open], .wf-modal--fade-up[open], .wf-modal--fade-down[open], .wf-modal--fade-right[open], .wf-modal--fade-left[open], .wf-modal--slide-up[open], .wf-modal--slide-down[open], .wf-modal--slide-right[open], .wf-modal--slide-left[open] { transition: opacity var(--wf-modal-transition-duration, 0.2s), background-color var(--wf-modal-transition-duration, 0.2s), visibility 0s; } .wf-modal--fade[open] { transition: opacity var(--wf-modal-transition-duration, 0.2s), background-color var(--wf-modal-transition-duration, 0.2s), visibility 0s; } .wf-modal--fade[open] .wf-modal-wrapper { transform: scale(1); /* reset all transformations */ } .wf-modal--scale .wf-modal-wrapper, .wf-modal--fade-up .wf-modal-wrapper, .wf-modal--fade-down .wf-modal-wrapper, .wf-modal--fade-right .wf-modal-wrapper, .wf-modal--fade-left .wf-modal-wrapper { will-change: transform; transition: transform var(--wf-modal-transition-duration, 0.2s) var(--wf-modal-ease, cubic-bezier(0.215, 0.61, 0.355, 1)); } .wf-modal--scale[open], .wf-modal--fade-up[open], .wf-modal--fade-down[open], .wf-modal--fade-right[open], .wf-modal--fade-left[open] { transition: opacity var(--wf-modal-transition-duration, 0.2s), background-color var(--wf-modal-transition-duration, 0.2s), visibility 0s; } .wf-modal--scale[open] .wf-modal-wrapper, .wf-modal--fade-up[open] .wf-modal-wrapper, .wf-modal--fade-down[open] .wf-modal-wrapper, .wf-modal--fade-right[open] .wf-modal-wrapper, .wf-modal--fade-left[open] .wf-modal-wrapper { transform: scale(1); /* reset all transformations */ } .wf-modal--slide-up .wf-modal-wrapper, .wf-modal--slide-down .wf-modal-wrapper, .wf-modal--slide-right .wf-modal-wrapper, .wf-modal--slide-left .wf-modal-wrapper { will-change: transform; transition: transform var(--wf-modal-transition-duration, 0.2s) var(--wf-modal-ease, cubic-bezier(0.215, 0.61, 0.355, 1)); } .wf-modal--slide-up[open], .wf-modal--slide-down[open], .wf-modal--slide-right[open], .wf-modal--slide-left[open] { transition: background-color var(--wf-modal-transition-duration, 0.2s), visibility 0s; } .wf-modal--slide-up[open] .wf-modal-wrapper, .wf-modal--slide-down[open] .wf-modal-wrapper, .wf-modal--slide-right[open] .wf-modal-wrapper, .wf-modal--slide-left[open] .wf-modal-wrapper { transform: scale(1); /* reset all transformations */ } .wf-modal--scale .wf-modal-wrapper { transform: scale(0.95); } .wf-modal--fade-up .wf-modal-wrapper { transform: translateY(40px); } .wf-modal--fade-down .wf-modal-wrapper { transform: translateY(-40px); } .wf-modal--fade-right .wf-modal-wrapper { transform: translateX(-40px); } .wf-modal--fade-left .wf-modal-wrapper { transform: translateX(40px); } .wf-modal--slide-up .wf-modal-wrapper { transform: translateY(100%); } .wf-modal--slide-down .wf-modal-wrapper { transform: translateY(-100%); } .wf-modal--slide-right .wf-modal-wrapper { transform: translateX(-100%); } .wf-modal--slide-left .wf-modal-wrapper { transform: translateX(100%); } } .wf-u-sr-only, .wf-u-sr-only-focusable:not(:focus):not(:focus-within) { position: absolute; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); width: 1px; height: 1px; overflow: hidden; padding: 0; border: 0; white-space: nowrap; } select.wf-form-control::-ms-expand { display: none; } input::-ms-clear { display: none; } .wf-l-container { width: calc(100% - 2 * 1rem); margin-left: auto; margin-right: auto; max-width: var(--wf-col-xl, 1140px); } .wf-form-control { background-color: transparent; padding: 0; border: 0; border-radius: 0; color: inherit; line-height: inherit; appearance: none; } .wf-form fieldset { border: 0; padding: 0; margin: 0; } .wf-form textarea { resize: vertical; overflow: auto; vertical-align: top; } .wf-form input::-ms-clear { display: none; } .wf-form-control { font-size: var(--wf-form-control-font-size, 1rem); padding: var(--wf-form-control-padding-y, 0.75rem) var(--wf-form-control-padding-x, 0.75rem); border-radius: var(--wf-form-control-radius, 0); width: 100%; background: var(--wf-form-control-background, white); color: var(--wf-form-control-color, black); line-height: 1.2; box-shadow: inset 0px 0px 0px 1px #ccc; transition: all 0.2s ease; } .wf-form-control::placeholder { opacity: 0.8; color: var(--wf-color-contrast-low, gray); } .wf-form-control:focus, .wf-form-control:focus-within { background: var(--wf-color-bg); outline: none; } .wf-form-control:focus-visible { outline: solid; } .wf-form { position: relative; } .wf-form-section { margin-bottom: var(--wf-form-section-spacing, 1.5rem) !important; } .wf-form-legend { display: block; line-height: 1.2; font-size: var(--wf-form-legend-font-size, 1.5rem); margin-bottom: var(--wf-space-sm); color: var(--wf-form-legend-color, black); } .wf-form-label { display: block; font-size: var(--wf-form-label-font-size, 1rem); color: var(--wf-form-label-color, black); padding-bottom: var(--wf-space-xxs); font-weight: bold; } .wf-form-helptext { color: var(--wf-form-helper-text-color, black); } .wf-form-helptext > p { margin-bottom: 0; } .wf-form-error { line-height: 1; display: inline-block; } .wf-form-error > p { margin: 0; } .wf-form-is-hidden, .wf-form-hidden-item { display: none; visibility: hidden; } .wf-form-reveal-if-active { opacity: 0; visibility: hidden; max-height: 0; overflow: hidden; font-size: 16px; transform: scale(0.8); transition: 0.5s; } .wf-form-reveal-if-active label { display: block; margin: 0 0 3px 0; } .wf-form-reveal-if-active input[type="text"] { width: 100%; } input[type="radio"]:checked ~ .wf-form-reveal-if-active, input[type="checkbox"]:checked ~ .wf-form-reveal-if-active { opacity: 1; visibility: visible; max-height: 100px; padding: 10px 30px; transform: scale(1); overflow: visible; } .wf-form-upload-wrapper { --upload-height: calc(var(--wf-form-control-padding-y, 0.75rem) * 4); --upload-radius: 0 var(--wf-form-control-radius, 0) var(--wf-form-control-radius, 0) 0; position: relative; width: 100%; height: var(--upload-height); } .wf-form-upload-wrapper::after { content: attr(data-input); font-size: var(--text-sm, 1rem); position: absolute; top: 0; left: 10px; width: calc(100% - 40px); pointer-events: none; z-index: 20; height: var(--upload-height); line-height: var(--upload-height); } .wf-form-upload-wrapper::before { content: var(--wf-form-upload-text, attr(data-button)); position: absolute; top: 0; right: 0; display: inline-block; background: var(--wf-form-upload-background, grey); color: white; z-index: 25; line-height: var(--upload-height); padding: 0 15px; text-transform: uppercase; pointer-events: none; border-radius: var(--upload-radius); } .wf-form-upload-wrapper:hover::before, .wf-form-upload-wrapper:focus::before { background: var(--wf-form-upload-background-hover-focus, black); } .wf-form-upload-wrapper input { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; height: var(--upload-height); margin: 0; padding: 0; display: block; cursor: pointer; width: 100%; } .wf-form-upload-file-item { list-style-type: none; border-radius: 10px; background-color: rgba(144, 163, 203, 0.2); margin: 0; color: initial; display: inline-flex; margin-right: 1rem; padding-right: 1rem; } .wf-form-upload-file-item > span.name { padding-right: 10px; width: max-content; display: inline-flex; } .wf-form-upload-file-item-delete { display: flex; width: 24px; color: initial; background-color: #6eb4ff00; font-size: large; justify-content: center; margin-right: 3px; cursor: pointer; } .wf-form-upload-file-item-delete:hover, .wf-form-upload-file-item-delete:focus { background-color: rgba(144, 163, 203, 0.2); border-radius: 10px; } .wf-form-upload-file-item-delete > span { transform: rotate(45deg); } .wf-form-control[aria-invalid="true"], .wf-form-control[aria-required="true"] .wf-form-control.wf-form-control--error, .wf-form-list--error { box-shadow: 0px 0px 0px 2px var(--wf-color-error, red); } .wf-form-control[aria-invalid="true"]:focus, .wf-form-control[aria-invalid="true"]:focus-within, .wf-form-control[aria-required="true"] .wf-form-control.wf-form-control--error:focus, .wf-form-control[aria-required="true"] .wf-form-control.wf-form-control--error:focus-within, .wf-form-list--error:focus, .wf-form-list--error:focus-within { box-shadow: 0px 0px 0px 2px var(--wf-color-error, red); } .wf-form-label.wf-form-label--error { color: var(--wf-color-error, red); } .wf-form-list--error { padding: var(--wf-space-xs) !important; border-radius: var(--wf-form-control-radius, 0); } .wf-form-control--disabled, .wf-form-control[disabled], .wf-form-control[aria-disabled="true"], .wf-form-control[readonly], .wf-form-radio-item[disabled] + label, .wf-form-radio-item[aria-disabled="true"] + label, .wf-form-checkbox-item[disabled] + label, .wf-form-checkbox-item[aria-disabled="true"] + label { opacity: 0.5; cursor: not-allowed; } /*! lightslider - v1.1.3 - 2015-04-14 * https://github.com/sachinchoolur/lightslider * Copyright (c) 2015 Sachin N; Licensed MIT */.lSSlideOuter{overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lightSlider:after,.lightSlider:before{content:" ";display:table}.lightSlider{overflow:hidden;margin:0}.lSSlideWrapper{max-width:100%;overflow:hidden;position:relative}.lSSlideWrapper>.lightSlider:after{clear:both}.lSSlideWrapper .lSSlide{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform;-webkit-transition-duration:inherit!important;-o-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;-o-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lSSlideWrapper .lSFade{position:relative}.lSSlideWrapper .lSFade>*{position:absolute!important;top:0;left:0;z-index:9;margin-right:0;width:100%}.lSSlideWrapper.usingCss .lSFade>*{opacity:0;-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:inherit!important;-o-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:inherit!important;-o-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lSSlideWrapper .lSFade>.active{z-index:10}.lSSlideWrapper.usingCss .lSFade>.active{opacity:1}.lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center}.lSSlideOuter .lSPager.lSpg>li{cursor:pointer;display:inline-block;padding:0 5px}.lSSlideOuter .lSPager.lSpg>li a{background-color:#222;border-radius:30px;display:inline-block;height:8px;overflow:hidden;text-indent:-999em;width:8px;position:relative;z-index:99;-webkit-transition:all .5s linear 0s;-o-transition:all .5s linear 0s;transition:all .5s linear 0s}.lSSlideOuter .lSPager.lSpg>li.active a,.lSSlideOuter .lSPager.lSpg>li:hover a{background-color:#428bca}.lSSlideOuter .media{opacity:.8}.lSSlideOuter .media.active{opacity:1}.lSSlideOuter .lSPager.lSGallery{list-style:none outside none;padding-left:0;margin:0;overflow:hidden;transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0);-o-transform:translateZ(0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lSSlideOuter .lSPager.lSGallery li{overflow:hidden;-webkit-transition:border-radius .12s linear linear 0s .35s 0s;-o-transition:border-radius .12s linear 0s .35s linear 0s;transition:border-radius .12s linear linear 0s .35s 0s}.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{border-radius:5px}.lSSlideOuter .lSPager.lSGallery img{display:block;height:auto;max-width:100%}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideOuter .lSPager.lSGallery:before{content:" ";display:table}.lSSlideOuter .lSPager.lSGallery:after{clear:both}.lSAction>a{width:32px;display:block;top:50%;height:32px;cursor:pointer;position:absolute;z-index:99;margin-top:-16px;opacity:.5;-webkit-transition:opacity .35s linear 0s;-o-transition:opacity .35s linear 0s;transition:opacity .35s linear 0s}.lSAction>a:hover{opacity:1}.lSAction>.lSPrev{background-position:0 0;left:10px}.lSAction>.lSNext{background-position:-32px 0;right:10px}.lSAction>a.disabled{pointer-events:none}.cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden}.lSSlideOuter.vertical{position:relative}.lSSlideOuter.vertical.noPager{padding-right:0!important}.lSSlideOuter.vertical .lSGallery{position:absolute!important;right:0;top:0}.lSSlideOuter.vertical .lightSlider>*{width:100%!important;max-width:none!important}.lSSlideOuter.vertical .lSAction>a{left:50%;margin-left:-14px;margin-top:0}.lSSlideOuter.vertical .lSAction>.lSNext{background-position:31px -31px;bottom:10px;top:auto}.lSSlideOuter.vertical .lSAction>.lSPrev{background-position:0 -31px;bottom:auto;top:10px}.lSSlideOuter.lSrtl{direction:rtl}.lSSlideOuter .lightSlider,.lSSlideOuter .lSPager{padding-left:0;list-style:none outside none}.lSSlideOuter.lSrtl .lightSlider,.lSSlideOuter.lSrtl .lSPager{padding-right:0}.lSSlideOuter .lightSlider>*,.lSSlideOuter .lSGallery li{float:left}.lSSlideOuter.lSrtl .lightSlider>*,.lSSlideOuter.lSrtl .lSGallery li{float:right!important}@-webkit-keyframes rightEnd{0%{left:0}50%{left:-15px}to{left:0}}@keyframes rightEnd{0%{left:0}50%{left:-15px}to{left:0}}@-webkit-keyframes topEnd{0%{top:0}50%{top:-15px}to{top:0}}@keyframes topEnd{0%{top:0}50%{top:-15px}to{top:0}}@-webkit-keyframes leftEnd{0%{left:0}50%{left:15px}to{left:0}}@keyframes leftEnd{0%{left:0}50%{left:15px}to{left:0}}@-webkit-keyframes bottomEnd{0%{bottom:0}50%{bottom:-15px}to{bottom:0}}@keyframes bottomEnd{0%{bottom:0}50%{bottom:-15px}to{bottom:0}}.lSSlideOuter .rightEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lSSlideOuter .leftEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.vertical .rightEnd{-webkit-animation:topEnd .3s;animation:topEnd .3s;position:relative}.lSSlideOuter.vertical .leftEnd{-webkit-animation:bottomEnd .3s;animation:bottomEnd .3s;position:relative}.lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lightSlider.lsGrab>*{cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lightSlider.lsGrabbing>*{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.center-block{display:block;margin-left:auto;margin-right:auto}.clearfix:after{clear:both;content:"";display:block}.invisible{visibility:hidden}.text-hide{background-color:rgba(0,0,0,0);border:0;color:rgba(0,0,0,0);font:0/0 a;text-shadow:none}.show{display:block!important}.hidden{display:none!important}@media (max-width:359px){.hidden-xxs{display:none!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px) and (max-width:1899px){.hidden-lg{display:none!important}}@media (min-width:1900px){.hidden-xl{display:none!important}}.overflow-hidden{overflow:hidden}.no-padding-sides{padding-left:0;padding-right:0}@media (max-width:359px){.no-padding-sides-xxs{padding-left:0;padding-right:0}}@media (max-width:767px){.no-padding-sides-xs{padding-left:0;padding-right:0}}@media (min-width:768px) and (max-width:991px){.no-padding-sides-sm{padding-left:0;padding-right:0}}@media (min-width:992px) and (max-width:1199px){.no-padding-sides-md{padding-left:0;padding-right:0}}@media (min-width:1200px) and (max-width:1899px){.no-padding-sides-lg{padding-left:0;padding-right:0}}@media (min-width:1900px){.no-padding-sides-xl{padding-left:0;padding-right:0}}.no-br br{display:none}@media (max-width:359px){.no-br-xxs br{display:none}}@media (max-width:767px){.no-br-xs br{display:none}}@media (min-width:768px) and (max-width:991px){.no-br-sm br{display:none}}@media (min-width:992px) and (max-width:1199px){.no-br-md br{display:none}}@media (min-width:1200px) and (max-width:1899px){.no-br-lg br{display:none}}@media (min-width:1900px){.no-br-xl br{display:none}}@media (max-width:767px){.switchable-image>.component-content,.switchable-image img{display:none}}.gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-button-container .gig-tfa-button,.gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-button-container .gig-tfa-button-submit,.gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-link,.gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gigya-button.gig-tfa-phone-code-resend,.gigya-screen a.gigya-button,.gigya-screen input[type=button],.gigya-screen input[type=submit]{background:#009638!important;border:1px solid #009638!important;border-radius:0!important;clear:right!important;color:#fff!important;cursor:pointer!important;display:block!important;float:left!important;font-size:1em!important;height:42px!important;margin-top:6px!important;position:relative!important;text-align:center!important;text-transform:capitalize!important;width:152px!important}.gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-button-container .gig-tfa-button-submit:hover,.gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-button-container .gig-tfa-button:hover,.gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-link:hover,.gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gigya-button.gig-tfa-phone-code-resend:hover,.gigya-screen a.gigya-button:hover,.gigya-screen input[type=button]:hover,.gigya-screen input[type=submit]:hover{background-color:rgba(0,0,0,0)!important;border:1px solid #009638!important;color:#009638!important}.gigya-screen,.gigya-screen *{font-family:Lato,sans-serif!important}.gigya-screen * a,.gigya-screen a{border-bottom:0 solid #009638!important;color:#009638!important}.gigya-screen * a:hover,.gigya-screen a:hover{border-bottom:1px solid #009638!important;text-decoration:none!important}.revtrax-container iframe{width:100%!important} @media (max-width:767px){ .bf-new-img h2{ margin-top: 0 !important; padding-top: 0 !important; } .bf-new-img p:first-of-type{ margin-bottom:0 !important; } } /* pageProperties code(what-is-the-microbiome) | alam |21-02-23 | GSKBD-27227 |start*/ @media only screen and (min-width: 1025px) { div.box-outer__artcle-greenbg .rct-coupon-content__article>.component-content p { padding: 0 1.5em !important; } .rct-coupon-content__article .span-coupon-doller { font-size: 1.7377em !important; vertical-align: top; } .rct-coupon-content__article .span-coupon-number { font-size: 3.4em ! important; padding-right: 4px; } .rct-coupon-content__article .span-coupon-text { width: 154px ! important; float: none ! important; font-size: 29px ! important; margin-top: 3px !important; display: inline-block; } .box-outer__artcle-greenbg .rct-coupon-content__article>.component-content>.richText-content { width: 21em; } } @media only screen and (min-width: 768px) { .rct-coupon-content__product >.component-content, .box-outer__artcle-greenbg .rct-coupon-content__article>.component-content{ text-align: center; } .rct-coupon-content__product >.component-content >.richText-content, .box-outer__artcle-greenbg .rct-coupon-content__article>.component-content>.richText-content{ display: inline-block; } body .box-outer__artcle-greenbg .rct-coupon-content__article>.component-content>.richText-content{ width: auto; } .rct-coupon-content__article .span-coupon-text, .rct-coupon-content .span-coupon-text{ text-align: left; } } @media only screen and (max-width: 1024px) { .rct-coupon-content__article .span-coupon-number { font-size: 2.2em; } .rct-coupon-content .span-coupon-doller, .rct-coupon-content .span-coupon-number, .rct-coupon-content .span-coupon-text { float: none !important } div.box-outer__artcle-greenbg .rct-coupon-content__article>.component-content>.richText-content { width: 100%; } .rct-coupon-content__article .span-coupon-text { width: 125px !important; display: inline-block; text-align: left; vertical-align: top; } .box-outer__artcle-greenbg .rct-coupon-content__article>.component-content p { text-align: center; padding-left: 0 !important; padding-right: 0 !important; } .rct-coupon-content__article .span-coupon-doller { font-size: 2em; } .rct-coupon-content__article .span-coupon-text { font-size: 1.3em; margin-top: 0; } } @media only screen and (max-width: 420px) { .rct-coupon-content__article .span-coupon-doller { font-size: 2.2em; } .rct-coupon-content__article .span-coupon-number { font-size: 2.5em; } .rct-coupon-content__article .span-coupon-text { font-size: 22px; width: 118px !important; margin-top: 3px; } } @media only screen and (max-width: 767px) { .box-gummies-teaser figure { text-align: center; } } /* pageProperties code |21-02-23 | GSKBD-27227 |end*/ /* US | Benefiber - Net New Article - What Is Inulin | Deepa |12-06-23 | GSKBD-28498 |start*/ .color-green-1 { color: #009638; } .font-weight-bold{ font-weight: 900; } .box-yellow-article-inner .inner-article-image img{ height: auto; } @media only screen and (max-width:992px) { .height-auto-m img{ height: auto; } .m-m-t-2{ margin-top: 1rem !important; } } @media only screen and (min-width:992px) { .m-d-t-2{ margin-top: 2rem !important; } } /* US | Benefiber - Net New Article - What Is Inulin | Deepa |12-06-23 | GSKBD-28498 |ends*/ /* US | Benefiber - Net New Article - What Is Inulin | Deepa |13-06-23 | GSKBD-28498 |ends*/ body{ line-height: 1.55556 !important; color: #333 !important; font-family: Lato, sans-serif !important; font-size: 1.125em !important; font-weight: 300 !important; } /* US | Benefiber - Net New Article - What Is Inulin | Deepa |13-06-23 | GSKBD-28498 |ends*/ /* alam | GSKBD-28503 |15-06-23 | start */ em { font-style: italic; } @media(max-width:1200px) { .image.img-temp-header-bf img { height: auto; } .img-temp-footer-bf.component img { height: auto; } img{ height: auto; } } /* pageproperites code start */ @media only screen and (min-width: 1025px) { div.box-outer__artcle-greenbg .rct-coupon-content__article>.component-content p { padding: 0 1.5em !important; } .rct-coupon-content__article .span-coupon-doller { font-size: 1.7377em !important; vertical-align: top; } .rct-coupon-content__article .span-coupon-number { font-size: 3.4em ! important; padding-right: 4px; } .rct-coupon-content__article .span-coupon-text { width: 154px ! important; float: none ! important; font-size: 29px ! important; margin-top: 3px !important; display: inline-block; } .box-outer__artcle-greenbg .rct-coupon-content__article>.component-content>.richText-content { width: 21em; } } @media only screen and (max-width: 1024px) { .rct-coupon-content__article .span-coupon-number { font-size: 2.2em; } .rct-coupon-content .span-coupon-doller, .rct-coupon-content .span-coupon-number, .rct-coupon-content .span-coupon-text { float: none !important } div.box-outer__artcle-greenbg .rct-coupon-content__article>.component-content>.richText-content { width: 100%; } .rct-coupon-content__article .span-coupon-text { width: 125px !important; display: inline-block; text-align: left; vertical-align: top; } .box-outer__artcle-greenbg .rct-coupon-content__article>.component-content p { text-align: center; padding-left: 0 !important; padding-right: 0 !important; } .rct-coupon-content__article .span-coupon-doller { font-size: 2em; } .rct-coupon-content__article .span-coupon-text { font-size: 1.3em; margin-top: 0; } } @media only screen and (max-width: 420px) { .rct-coupon-content__article .span-coupon-doller { font-size: 2.2em; } .rct-coupon-content__article .span-coupon-number { font-size: 2.5em; } .rct-coupon-content__article .span-coupon-text { font-size: 22px; width: 118px !important; margin-top: 3px; } } /* pageproperites code end */ /* alam | GSKBD-28503 |15-06-23 | end *//* inline css from page property*/ @media only screen and (min-width: 768px){ .page-fiber-supplement-products .box-op-comm-inner .carousel-slides table .span-op-table-green { width: 100px !important; }} .page-fiber-supplement-products .richText-image.pull-left { margin: 5px 15px 15px 0px !important; float: none !important; } @media only screen and (min-width: 768px){ .page-fiber-supplement-products .more-info-txt:focus, .more-info-txt:hover { font-size: .88889em; border: 1px solid #009638; color: #009638; } .page-fiber-supplement-products .box-outer.box-recipe__greenbg { background: url(/content/dam/cf-consumer-healthcare/benefiber/en_US/desktop/our-products/recipe-bg_new.jpg) no-repeat center; background-size: cover; } .page-fiber-supplement-products .table-op-desktop table tr p { padding: 0 2em 0 1em; } .page-fiber-supplement-products .page-fiber-supplement-products .box-op-comm-inner .carousel-slides table .span-op-table-green { width: 113px; } .page-fiber-supplement-products .table-op-desktop table tr:nth-child(10) > td:nth-child(2){ padding-left: 12px; } .page-fiber-supplement-products .table-op-desktop table tr:nth-child(10) > td:nth-child(4){ padding-left: 12px; } .page-fiber-supplement-products .table-op-desktop table tr:nth-child(10) > td:nth-child(5){ padding-left: 12px; } .page-fiber-supplement-products .table-op-desktop table tr:nth-child(9) td:nth-child(5) { padding-left: 20px; } /* .page-fiber-supplement-products .table-op-desktop table tr:nth-child(7) td:nth-child(6) { padding-right: 14px; } */ } .page-fiber-supplement-products .divider{ height: 1px !important; background: #d3d2d0 !important; } @media only screen and (max-width: 767px){ .page-fiber-supplement-products .carousel-slides{ height: auto!important; min-height: 777px; } .page-fiber-supplement-products .box-outer.box-recipe__greenbg { background: url(/content/dam/cf-consumer-healthcare/benefiber/en_US/desktop/our-products/mob-recipe-bg1.jpg) no-repeat center; background-size: cover; padding: 0 0 9.2em; } } .page-fiber-supplement-products .same-line{ white-space: nowrap; } @media only screen and (min-width: 1025px) { .page-fiber-supplement-products div.box-outer__artcle-greenbg .rct-coupon-content__article>.component-content p { padding: 0 1.5em !important; } .page-fiber-supplement-products .rct-coupon-content__article .span-coupon-doller { font-size: 1.7377em !important; vertical-align: top; } .page-fiber-supplement-products .rct-coupon-content__article .span-coupon-number { font-size: 3.4em ! important; padding-right: 4px; } .page-fiber-supplement-products .rct-coupon-content__article .span-coupon-text { width: 154px ! important; float:none ! important; font-size: 29px ! important; margin-top: 3px !important; display: inline-block; } } @media only screen and (max-width: 1024px) { .page-fiber-supplement-products .rct-coupon-content__article .span-coupon-number { font-size: 2.2em; } .page-fiber-supplement-products .rct-coupon-content .span-coupon-doller, .rct-coupon-content .span-coupon-number, .rct-coupon-content .span-coupon-text { float: none !important } .page-fiber-supplement-products div.box-outer__artcle-greenbg .rct-coupon-content__article>.component-content>.richText-content { width: 100%; } .page-fiber-supplement-products .rct-coupon-content__article .span-coupon-text { width: 125px !important; display: inline-block; text-align: left; vertical-align: top; } .page-fiber-supplement-products .box-outer__artcle-greenbg .rct-coupon-content__article>.component-content p { text-align: center; padding-left: 0 !important; padding-right: 0 !important; } .page-fiber-supplement-products .rct-coupon-content__article .span-coupon-doller { font-size: 2em; } .page-fiber-supplement-products .rct-coupon-content__article .span-coupon-text { font-size: 1.3em; margin-top:0; } } @media only screen and (max-width: 420px) { .page-fiber-supplement-products .rct-coupon-content__article .span-coupon-doller { font-size: 2.2em; } .page-fiber-supplement-products .rct-coupon-content__article .span-coupon-number { font-size: 2.5em; } .page-fiber-supplement-products .rct-coupon-content__article .span-coupon-text { font-size: 22px; width: 118px !important; margin-top:3px; } } /*inline css end page property */ @media screen and (min-width: 768px) { .container-box.box-outer>.component-content { max-width: 1164px; padding: 0 15px; } .product-list-card-3 .our-product-wrapper{ max-width: 33.33%; margin-bottom: 30px; } } .product-list-card-3 > .component-content > .paragraphSystem{ display: flex; margin: 0 -15px !important; flex-wrap: wrap; } .product-list-card-2 > .component-content > .paragraphSystem{ display: flex; margin: 0 -15px !important; } .product-list-card-3 .our-product-wrapper > .component-content, .product-list-card-2 .our-product-wrapper > .component-content{ margin: 0!important; background-color: #FAFCF0; height: 100%; padding: 28px; } .product-list-card-3 .our-product-wrapper > .component-content > .paragraphSystem { display: flex; flex-direction: column; height: 100%; } .product-list-card-3 .our-product-wrapper .buy-now-cta{ margin-top: auto; padding: 0; } .product-list-card-3 .our-product-wrapper .buy-now-cta p, .product-list-card-3 .our-product-wrapper .buy-now-cta > .component-content, .our-product-container .more-info-txt{ margin: 0; } .our-product-container .rct-about-header>.component-content>.richText-content p, .product-list-card-3 .rct-about-header, .product-list-card-3 .our-product-wrapper > .component-content > .paragraphSystem > .image{ padding: 0; } .our-product-container .rct-about-header>.component-content>.richText-content .font-weight-normal{ margin: 8px 0 14px 0; font-size: 14px; line-height: 22px; font-weight: 400; } .our-product-container .rct-about-header>.component-content>.richText-content .font-weight-normal + p{ margin: 0; } .product-list-card-3 .our-product-wrapper > .component-content > .paragraphSystem > .image > .component-content{ line-height: 0; } .product-list-card-2, .product-list-card-3{ overflow: hidden; } .our-product-container .rct-about-header.richText .component-content{ margin: 0; } .our-product-container .our-product-wrapper .new-tag{ position: absolute; left: 15px; top: 12px; } .product-list-card-2 .our-product-wrapper > .component-content > .paragraphSystem { display: flex; align-items: center; } .product-list-card-2 .our-product-wrapper > .component-content > .paragraphSystem > .image{ max-width: 170px; min-width: 110px; } .product-list-card-2 .our-product-wrapper .rct-about-header{ padding: 0 0 0 20px; } .our-product-container .bg-color-yellow{ background: #F4F1EA; width: 100vw; position: relative; transform: translate(-50%); left: 50%; margin-left: -10px; margin-bottom: 40px; } .rct-content__home-our-product{ margin-bottom: 20px; } .h5{ font-size: 26px; font-weight: 900; line-height: 1; margin: 0; } .product-list-card-3 .h5{ margin-top: 10px; } .strip-fiber-text .richText-content{ display: flex; align-items: center; background-color: #F4F1EA; padding: 20px; margin-top: 40px; } .strip-fiber-text .richText-content p{ margin: 0; line-height: 1; } .strip-fiber-text .richText-content img{ padding-right: 16px; min-width: 60px; } .strip-fiber-text .richText-content p a{ font-size: 18px; line-height: 27px; color: #333333; font-weight: 900; } .product-accordion-container .faq-accordion .accordion-slide{ border-top: 1px solid #EFF0F1; margin: 0; } .product-accordion-container .accordion-head{ padding: 0; width: 100%; } .product-accordion-container .faq-accordion .accordion-slide:last-child{ border-bottom: 1px solid #EFF0F1; } .product-accordion-container .faq-accordion .accordion-content{ padding: 0 20px 18px 0; } .product-accordion-container .faq-accordion .accordion-container .accordion-head a{ font-size: 18px; line-height: 28px; color: #333333; font-weight: 700; padding: 18px 60px 18px 0; } .product-accordion-container .faq-accordion .accordion-container .accordion-head a:hover{ color: #009638; } .product-accordion-container .faq-accordion .accordion-slide .accordion-head::after{ right: 20px; left: unset; font-size: 28px; top: 50%!important;; transform: translateY(-50%); content: "\002B"; font-weight: bold; } .product-accordion-container .faq-accordion .accordion-slide.is-active>.accordion-head::after{ content: "\2212"; } .product-accordion-container .faq-accordion .accordion-slide.is-active .accordion-title{ padding-bottom: 18px; } .product-accordion-container .faq-accordion .accordion-container .accordion-slide.is-active a{ padding-bottom: 0; } .text-style-normal .text-note{ font-style: normal; } .box-outer__liteyellow .rct-product-inner{ max-width: 730px; width: 100%; margin: 0 auto; float: unset; } .box-outer__liteyellow .rct-product-inner>.component-content{ width: 100%; } .box-outer__liteyellow .rct-product-inner>.component-content a{ margin-top: 12px; } @media screen and (min-width: 768px) { .p-d-b-30{ padding-bottom: 30px; } .product-accordion-container{ margin-top: 40px; } .product-accordion-container .rct-product-inner p:first-child{ margin-top: 0; } .product-accordion-container .box-product-inner-supp{ padding-top: 0; } .product-accordion-container .rct-product-inner>.component-content{ width: 100%; } .navigation-item.navigation-level1.page-about.is-active > a::after{ width: 58%; left: 16%; } .img-temp-footer-fb, .img-temp-footer-insta { margin-left: 4.5%; float: right; padding-left: 2.2em; width: 100%; } .box-temp-footer-coupons{ float: right; } .social-icon-conatiner > .component-content > .paragraphSystem{ display: flex; justify-content: flex-end; } .social-icon-conatiner .img-temp-footer-fb, .social-icon-conatiner .img-temp-footer-insta { margin-left: 10px; float: unset; padding-left: 0; width: auto; margin-top: 1.2em; } } @media screen and (max-width: 767px) { .social-icon-conatiner .img-temp-footer-fb, .social-icon-conatiner .img-temp-footer-insta { margin-right: 10px; float: left; padding-left: 0; width: auto; margin-top: 1.2em; margin-left: 0; } .h5{ font-size: 21px; } .product-list-card-3 > .component-content > .paragraphSystem, .product-list-card-2 > .component-content > .paragraphSystem, .product-list-card-2 .our-product-wrapper > .component-content > .paragraphSystem{ display: block; } .product-list-card-2 .our-product-wrapper > .component-content > .paragraphSystem > .image{ min-width: unset; max-width: unset; } .product-list-card-2 .our-product-wrapper .rct-about-header{ padding: 0; } .product-list-card-3 .our-product-wrapper > .component-content, .product-list-card-2 .our-product-wrapper > .component-content{ padding: 24px; } .product-list-card-3 .our-product-wrapper,.product-list-card-2 .our-product-wrapper{ padding-bottom: 30px; } .p-m-b-0{ padding-bottom: 0; } .strip-fiber-text { padding: 0; } .strip-fiber-text .richText-content{ margin-top: 0; margin-bottom: 40px; } .product-accordion-container .box-product-inner-supp{ padding-top: 40px; } .product-accordion-container .rct-product-inner{ padding: 0; } .product-accordion-container .rct-product-inner > .component-content{ margin: 0!important; } } .box-ob-inner.box-outer:has(.accordion) > .component-content { max-width: 960px; & > .content { display: flex; justify-content: space-between; &:after, &:before, & > a { display: none; } } .box-product-inner-supp { width: 350px; } .box-product-header-icons { margin: 0; & > .component-content > .content { display: flex; flex-wrap: wrap; } .image { width: auto; padding: 0 35px 35px 35px; } figcaption strong { font-size: 22px; } } } @media screen and (max-width: 768px) { .box-ob-inner.box-outer:has(.accordion) > .component-content > .content { flex-direction: column-reverse; .box-product-inner-supp { width: 100%; } .box-product-header-icons { .image { width: 50%; } } .rct-product-inner { padding: 1rem; } } } .page-benefiber-prebiotic-fiber-superfruits-skin-support, .page-benefiber-prebiotic-fiber-supergreens-energy-support { .box-product-header { .rct-product-header h1 { margin-bottom: 0; } .rct-product-header-content { margin-top: 20px; p { margin-top: 0; } } } .box-product-inner { .rct-product-inner p:nth-child(3) { margin-bottom: 14px; } .external-link-cta:hover { color: #009638; text-decoration: underline; } .external-link-cta:after { content: ""; width: 16px; height: 16px; background-image: url("./../../assets/img/icon-external-link.svg"); background-repeat: no-repeat; background-position: center; } } .box-gummies-teaser { .learn-more-link { background: #009638; color: white } .learn-more-link:hover { background: none; color: #009638; } } .box-ob-inner.box-outer:has(.accordion) > .component-content { .box-product-header-icons { .image { width: 50%; padding: 0 0 35px 0; } figcaption { display: block; p { color: #000; } } } } @media (min-width: 768px) and (max-width: 1024px) { .box-outer:has(.reference-bazaarvoice), .box-product-outer { padding: 0 3rem; } } }