/* trust */

:root {
  --cty-brand-purple: #5400b0; 
  --cty-brand-red: #e32400; 
  --cty-brand-silver: #f0f0f0;
}

.bg-red { background-color:var(--cty-brand-red); }
.bg-purple { background-color:var(--cty-brand-purple); }
.bg-silver { background-color:var(--cty-brand-silver); }

.fg-white { color:white; }
.fg-purple { color:var(--cty-brand-purple); }

.text-upper { text-transform:uppercase; }
.max-600 { width:100%; max-width:600px; }

h2 { text-transform:uppercase; }
.boxed-h2 h2 { margin-top:0px }
.bg-purple h2 { color:white; }



/* feature cards */

a.vcard { display:block; width:100%; height:100%; transition: all 0.25s linear 0s; }
a.vcard .vcard-image { width:100%; aspect-ratio:3/2; background-position: center center; background-size:cover; }
a.vcard .vcard-content { padding:8px 16px; }
a.vcard .vcard-headline { font-family: 'futura-pt', sans-serif; font-weight:700; font-size:24px; line-height:1.4; text-align:center; }

a.vcard-white-purple { background-color:white; color:var(--cty-brand-purple); }
a.vcard-white-purple:hover { background-color:white; color:var(--cty-brand-purple); }

a.vcard-purple-white { background-color:var(--cty-brand-purple); color:white; }
a.vcard-purple-white:hover { background-color:var(--cty-brand-purple); color:white; }


/* domino-cards */

.pop-domino-hold { width:100%; margin:0; }
.pop-domino-bg { display:block; }
.pop-domino-row { display:block; width:100%; margin:0 auto; } /* apply max-width here as needed */
.pop-domino-image { display:block; }
.pop-domino-image-img { display:block; width:100%; aspect-ratio:900/1272; background-size:cover; background-position:center center; }
.pop-domino-content { display:block; padding:1.5rem 1.5rem 1.5rem 0; }

.pop-domino-flex {
  display: flex;
  align-items: center; /* center vertically */
  justify-content: center; /* center horizontally */
}
.pop-domino-flex > div { width:100%; }

@media all and (min-width: 768px) {
	.pop-domino-row { display:flex; }
	.pop-domino-row-reverse { flex-direction: row-reverse; }
	.pop-domino-image  { width:25%; padding:0; }
  .pop-domino-image-img { width:100%; height:100%; padding:0; }
	.pop-domino-content { width:75%; padding:3rem; }
  .pop-domino-flex { min-height: 400px; }
}