/* QSSQBA-7 - Alerts */ .alert.alert-content { width: 100%; padding: 15px 50px 5px; border: none; } .alert.alert-content i { float: left; margin-right: 10px; line-height: 24px; } .alert.alert-content + #qg-primary-content { margin-top: 50px; } /* QSSQBA-8 - Links list*/ .qg-links-list { background-color: #ddecf1; margin-top: 50px; margin-left: -25px; margin-right: -25px; padding: 1.875rem; } .qg-links-list__heading { font-weight: 600; margin: 0 0 20px 0; } .qg-links-list__list { margin: 0; padding: 0; list-style: none; } .qg-links-list__item + .qg-links-list__item { margin-top: 1.25rem; } #qg-primary-content .qg-links-list__link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #qg-primary-content a.qg-links-list__link:link, #qg-primary-content a.qg-links-list__link:visited { color: #13578b; text-decoration: none; } #qg-primary-content a.qg-links-list__link:hover { text-decoration: underline; } .qg-links-list__list-bullet { display: inline-block; position: relative; width: 25px; margin-right: 0.5rem; } .qg-links-list__list-bullet:after { border-bottom: 2px solid #13578b; border-right: 2px solid #13578b; content: ' '; height: 8px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: 8px; } /* * Desktop layout */ @media screen and (min-width: 992px) { .qg-links-list { font-size: 18px; } } .qg-callout__box .qg-callout__left-alignment { flex-direction: row !important; } .qg-callout__box .qg-callout__left-alignment .qg-callout__description { margin-left: 0 !important; } .qg-callout__box .qg-callout__left-alignment:has(.qg-callout__cta), .qg-callout__box .qg-callout__left-alignment:has(.qg-callout__image) { flex-direction: row-reverse !important; } .qg-callout__box .qg-callout__left-alignment:has(.qg-callout__cta) .qg-callout__description, .qg-callout__box .qg-callout__left-alignment:has(.qg-callout__image) .qg-callout__description { margin-left: 25px !important; } .qg-callout__box .qg-callout__bottom-alignment .qg-callout__cta { margin-top: 25px !important; }