/* tempe trips 2025 */

:root {
  --cty-trips-navy: #19325C; 
  --cty-trips-green: #D5E03C;
}
/* oly card style */

.oc { background-color:var(--cty-trips-navy); color:white; height:100%; }
.oc a { display:block; height:100%; text-decoration:none; color:inherit; }
.oc a:hover { color:inherit; text-decoration:none; }
.oc-image { display:block; }
.oc-image-img { display:block; background-color:#0f1d36; background-size:cover; background-position:center center; }
.oc-content { padding:1.5rem; }

.oc-subhead { font-weight:700; font-size:0.8rem; letter-spacing:0.020rem; text-transform:uppercase; margin-bottom:0.5rem; text-wrap:balance; }
.oc-headline { font-weight:700; font-size:1.3rem; margin-bottom:0.5rem; text-wrap:balance; }
.oc-text { font-size:1rem; margin-bottom:0.5rem; text-wrap:balance; }
.oc-html a { display:inline; height:auto; }
.oc-cta { display:inline-block; font-weight:700; font-size:0.8rem; letter-spacing:0.020rem; text-transform:uppercase; background-color:inherit; color:var(--cty-trips-green); padding:0.25rem 0; margin-top:0.5rem; }
.oc-cta a { color:var(--cty-trips-green); text-decoration:none; }
.oc-cta a:hover { color:var(--cty-trips-green); text-decoration:none; }
.oc-cta span::after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  content: "\f178"; /* arrow */
  content: "\203a"; /* angle */
  padding-left: 8px;
}

/* oly domino cards */

.oly-basic-domino { margin:1.5rem 0; }
.oc-domino-row  { display:block; background-color:var(--cty-trips-navy); color:white; margin-bottom:1rem; }
.oc-domino-image { display:block; }
.oc-domino-image-img { display:block; width:100%; padding-bottom:80%; background-size:cover; background-position:center center; }
.oc-domino-content { display:block; padding:1.5rem; }
@media all and (min-width: 768px) {
	.oc-domino-row { display:flex; }
	.oc-domino-row-reverse { flex-direction: row-reverse; }
	.oc-domino-image  { width:50%; padding:0; }
  .oc-domino-image-img { width:100%; height:100%; padding:0; }
	.oc-domino-content { width:50%; padding:2rem;}
}
@media all and (min-width: 992px) {
	.oc-domino-content { padding:2.5rem; }
}
@media all and (min-width: 1200px) {
	.oc-domino-content { padding:3rem;; }
}