.containerTop { cursor: pointer; } .features { display: flex !important; justify-content: center; align-items: stretch; flex-wrap: wrap; padding: 4px; } .featureCardTop { margin-bottom: 8px; } .containerMain.featureDescription { white-space: pre-line; } .resourceCards paper-shadow.healthCard { width: 100%; } /*To change the ink color for checked state:*/ paper-checkbox.enabledCheckbox::shadow #ink[checked] { color: #ffffff; } /*To change the checkbox checked color:*/ paper-checkbox.enabledCheckbox::shadow #checkbox.checked { background-color: #ffffff; background-color: rgba(255,255,255,0.27); border-color: #ffffff; border-color: rgba(255,255,255,0.27); } /*ensure the checkmark is shown when ticked*/ paper-checkbox.enabledCheckbox::shadow #checkbox.checked #checkmark { display: initial; } /*To change the ink color for unchecked state:*/ paper-checkbox.enabledCheckbox::shadow #ink { color: #ffffff; } /*To change the checkbox unchecked color:*/ paper-checkbox.enabledCheckbox::shadow #checkbox { border-color: #ffffff; border-color: rgba(255,255,255,0.54); } /*ensure checkmark isn't shown early*/ paper-checkbox.enabledCheckbox::shadow #checkbox #checkmark { display: none; }