|
|
| Line 36: |
Line 36: |
| height: auto; | | height: auto; |
| margin: 0; | | margin: 0; |
| }
| |
|
| |
|
| |
| /* MAIN INTRO */
| |
| /* ---------- */
| |
| .main-intro {
| |
| margin: 0 0 28px 0;
| |
| text-align: left;
| |
| font-size: 1.2em;
| |
| line-height: 1.6;
| |
| }
| |
|
| |
| .main-intro p {
| |
| margin: 0 0 14px 0;
| |
| }
| |
|
| |
|
| |
| /* PAGE INTRO */
| |
| /* ---------- */
| |
| .page-intro {
| |
| margin: 0 0 28px 0;
| |
| font-size: 1.2em;
| |
| line-height: 1.6;
| |
| text-align: left;
| |
| }
| |
|
| |
| .page-intro p {
| |
| margin: 0 0 14px 0;
| |
| }
| |
|
| |
|
| |
| /* HOME PAGE SECTIONS */
| |
| /* ------------------ */
| |
| .home-section {
| |
| margin: 0 0 28px 0;
| |
| }
| |
|
| |
| h2.home-section-title {
| |
| margin: 0 0 10px 0;
| |
| font-size: 2.5em;
| |
| line-height: 1.1;
| |
| font-weight: bold;
| |
| text-align: left;
| |
| font-family: Arial, Helvetica, sans-serif !important;
| |
| color: #000;
| |
| border-bottom: 1px solid #c8ccd1;
| |
| padding-bottom: 4px;
| |
| }
| |
|
| |
| .home-section-intro {
| |
| margin: 0 0 20px 0;
| |
| font-size: 1.2em;
| |
| line-height: 1.65;
| |
| text-align: left;
| |
| }
| |
|
| |
|
| |
| /* SHARED GRID RULES */
| |
| /* ----------------- */
| |
| .grid-item {
| |
| width: 100%;
| |
| display: flex;
| |
| flex-direction: column;
| |
| align-items: stretch;
| |
| }
| |
|
| |
| .grid-title {
| |
| font-weight: bold;
| |
| font-size: 32px;
| |
| line-height: 1.1;
| |
| text-align: left;
| |
| margin: 0 0 8px 0;
| |
| font-family: Arial, Helvetica, sans-serif !important;
| |
| }
| |
|
| |
| .grid-title a {
| |
| text-decoration: none;
| |
| }
| |
|
| |
| .grid-media {
| |
| display: block;
| |
| line-height: 0;
| |
| margin: 0;
| |
| padding: 0;
| |
| }
| |
|
| |
| .grid-media p {
| |
| margin: 0;
| |
| padding: 0;
| |
| line-height: 0;
| |
| }
| |
|
| |
| .grid-media .image,
| |
| .grid-media a.image {
| |
| display: block;
| |
| margin: 0;
| |
| padding: 0;
| |
| line-height: 0;
| |
| }
| |
|
| |
| .grid-media img {
| |
| display: block;
| |
| width: 100%;
| |
| height: auto;
| |
| margin: 0;
| |
| border: 1px solid #777;
| |
| }
| |
|
| |
| .grid-text {
| |
| margin: 12px 0 0 0;
| |
| font-size: 1.2em;
| |
| line-height: 1.6;
| |
| text-align: left;
| |
| overflow-wrap: break-word;
| |
| }
| |
|
| |
|
| |
| /* GRID FOUR */
| |
| /* --------- */
| |
| .grid-four {
| |
| display: grid;
| |
| grid-template-columns: repeat(4, minmax(0, 1fr));
| |
| gap: 24px;
| |
| width: 100%;
| |
| align-items: start;
| |
| margin: 0 0 12px 0;
| |
| }
| |
|
| |
|
| |
| /* GRID THREE */
| |
| /* ---------- */
| |
| .grid-three {
| |
| display: grid;
| |
| grid-template-columns: repeat(3, minmax(0, 1fr));
| |
| gap: 24px;
| |
| width: 100%;
| |
| align-items: start;
| |
| margin: 0 0 12px 0;
| |
| }
| |
|
| |
| .grid-three .grid-title {
| |
| font-size: 30px;
| |
| }
| |
|
| |
| .grid-three .grid-text {
| |
| font-size: 1.2em;
| |
| }
| |
|
| |
|
| |
| /* GRID TWO */
| |
| /* -------- */
| |
| .grid-two {
| |
| display: grid;
| |
| grid-template-columns: repeat(2, minmax(0, 1fr));
| |
| gap: 28px;
| |
| width: 100%;
| |
| align-items: start;
| |
| margin: 0 0 12px 0;
| |
| }
| |
|
| |
| .grid-two-item {
| |
| width: 100%;
| |
| }
| |
|
| |
| .grid-two-title {
| |
| font-weight: bold;
| |
| font-size: 32px;
| |
| line-height: 1.1;
| |
| text-align: left;
| |
| margin: 0 0 10px 0;
| |
| font-family: Arial, Helvetica, sans-serif !important;
| |
| }
| |
|
| |
| .grid-two-row {
| |
| display: grid;
| |
| grid-template-columns: 180px 1fr;
| |
| gap: 18px;
| |
| align-items: start;
| |
| }
| |
|
| |
| .grid-two-image,
| |
| .grid-two-image p,
| |
| .grid-two-image .image,
| |
| .grid-two-image a.image {
| |
| display: block;
| |
| margin: 0;
| |
| padding: 0;
| |
| line-height: 0;
| |
| }
| |
|
| |
| .grid-two-image img {
| |
| display: block;
| |
| width: 100%;
| |
| height: auto;
| |
| margin: 0;
| |
| border: 1px solid #777;
| |
| }
| |
|
| |
| .grid-two-text {
| |
| text-align: left;
| |
| font-size: 1.2em;
| |
| line-height: 1.6;
| |
| }
| |
|
| |
|
| |
| /* GRID ONE */
| |
| /* -------- */
| |
| .grid-one {
| |
| width: 100%;
| |
| margin: 0 0 32px 0;
| |
| padding: 20px 0;
| |
| border-top: 1px solid #ccc;
| |
| border-bottom: 1px solid #ccc;
| |
| }
| |
|
| |
| .grid-one-title {
| |
| font-weight: bold;
| |
| font-size: 36px;
| |
| line-height: 1.1;
| |
| text-align: left;
| |
| margin: 0 0 12px 0;
| |
| font-family: Arial, Helvetica, sans-serif !important;
| |
| }
| |
|
| |
| .grid-one-row {
| |
| display: grid;
| |
| grid-template-columns: 260px 1fr;
| |
| gap: 20px;
| |
| align-items: start;
| |
| }
| |
|
| |
| .grid-one-image,
| |
| .grid-one-image p,
| |
| .grid-one-image .image,
| |
| .grid-one-image a.image {
| |
| display: block;
| |
| margin: 0;
| |
| padding: 0;
| |
| line-height: 0;
| |
| }
| |
|
| |
| .grid-one-image img {
| |
| display: block;
| |
| width: 100%;
| |
| height: auto;
| |
| margin: 0;
| |
| border: 1px solid #777;
| |
| }
| |
|
| |
| .grid-one-text {
| |
| text-align: left;
| |
| font-size: 1.2em;
| |
| line-height: 1.6;
| |
| } | | } |
