/*
 * Rules that used to be inline style="" attributes or <style> blocks in the legacy templates.
 * Moved here so the Content-Security-Policy can stay at style-src 'self'.
 */

/* Home: speech-bubble boxes */
table.cut-out .cut-out-corner-tl { width: 22px; height: 35px; }
table.cut-out .cut-out-tail { width: 50px; height: 35px; }
table.cut-out .cut-out-top { height: 35px; background: url(/img/cutout_03.png) repeat-x center left; }
table.cut-out .cut-out-corner-tr { width: 30px; height: 35px; }
table.cut-out .cut-out-left { width: 22px; background: url(/img/cutout_05.png) repeat-y center top; }
table.cut-out .cut-out-right { width: 30px; background: url(/img/cutout_07.png) repeat-y center top; }
table.cut-out .cut-out-corner-bl { width: 22px; height: 21px; }
table.cut-out .cut-out-bottom { height: 21px; background: url(/img/cutout_09.png) repeat-x center left; }
table.cut-out .cut-out-corner-br { width: 30px; height: 21px; }

/* Home: contact strip */
table.contact_details td.contact-icon { width: 50px; }
table.contact_details td.contact-icon img { margin-right: 10px; }
table.contact_details td.contact-spacer { width: 50px; }
.badge-inherit { font-size: inherit; }

/* Footer */
div#footer div#icann-raa-logo img { margin-top: 10px; }

/* Our Stores: logos centred vertically instead of per-logo margin-top */
section#stores div.panel-body.store-logo {
	display: flex;
	align-items: center;
	justify-content: center;
}
section#stores div.panel-body.store-logo img { max-height: 120px; }

/* Accreditations */
table.accreditations { display: inline-block !important; max-width: max-content; }
table.accreditations img { max-width: 100px; margin: 0 20px; }
table.accreditations h4 { margin: 0 20px; }

/* Nominet T&Cs (was an inline <style> block) */
.nominet-terms ol { margin: 0; padding: 0; }
.nominet-terms .c0, .nominet-terms .c3, .nominet-terms .c10 { font-weight: bold; }
.nominet-terms .c9 { text-decoration: underline; }

/* Contact form honeypot: off-screen, not display:none (some bots skip hidden fields) */
.hp-field {
	position: absolute;
	left: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Typekit "aktiv-grotesk-std" is gone; headings use the body font stack (bootstrap.css line ~378 names only that font) */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; }