/* VARIABLES */ /* * scss-docs-start theme-color-variables * $brand-success: $green; * $brand-info: $teal; * $brand-warning: $orange; * $brand-danger: $red; */ /* * Body * Settings for the `` element. */ /* * Links * Style anchor elements. * $link-color: $accent-shade; * $link-hover-color: $accent-dark; * $link-hover-decoration: underline; */ /* * Comments * Breadcrumbs (Works only on Bootstrap 5+) * $breadcrumb-divider: quote(">"); */ /* Responsive font sizes * Breadcrumbs (Works only on Bootstrap 5+) * $breadcrumb-divider: quote(">"); * */ /* TYPOGRAPHY */ /* Google Fonts */ .partner-logo .view-content { overflow: hidden; } .partner-logo .view-content .field--name-node-title { text-align: center; } .partner-logo .view-content .field--name-node-title h2 { color: #14213d; padding: 0; margin: 0; } .partner-logo .field__items { display: flex; gap: 30px; align-items: center; min-height: 200px; } @media (max-width: 74.99875rem) { .partner-logo .field__items { gap: 20px; min-height: 160px; } } @media (max-width: 61.99875rem) { .partner-logo .field__items { gap: 20px; min-height: 150px; } } @media (max-width: 47.99875rem) { .partner-logo .field__items { min-height: 100px; } } .partner-logo .field__item { flex-shrink: 0; flex: 0 0 calc((100% - 120px) / 5); transition: transform 0.2s; position: relative; z-index: 1; transform-origin: center center; } @media (max-width: 74.99875rem) { .partner-logo .field__item { flex: 0 0 calc((100% - 80px) / 4); } } @media (max-width: 61.99875rem) { .partner-logo .field__item { flex: 0 0 calc((100% - 80px) / 3); } } @media (max-width: 47.99875rem) { .partner-logo .field__item { flex: 0 0 calc((100% - 80px) / 2); } } .partner-logo .strategic-partners .field__items { direction: rtl; } .partner-logo .our-brand .field__items { direction: ltr; gap: 10px; min-height: 150px; } @media (max-width: 74.99875rem) { .partner-logo .our-brand .field__items { min-height: 120px; } } @media (max-width: 61.99875rem) { .partner-logo .our-brand .field__items { min-height: 130px; } } @media (max-width: 47.99875rem) { .partner-logo .our-brand .field__items { min-height: 80px; } } .partner-logo .our-brand .field__items .field__item { width: 90%; flex: 0 0 calc((100% - 80px) / 9); } @media (max-width: 74.99875rem) { .partner-logo .our-brand .field__items .field__item { flex: 0 0 calc((100% - 80px) / 6); } } @media (max-width: 47.99875rem) { .partner-logo .our-brand .field__items .field__item { flex: 0 0 calc((100% - 80px) / 3); } }