.white {color:#fff;} .archive-top.purple {background: var(--color-purple);} .styled-text p {} .gallery-masonry-lightbox .inner{max-width: 1323px !important;} .all a.button { width:30%; } .register p input[type="checkbox"] { width: 14px; height: 14px; display: inline-flex; margin: 0 15px 0 0; padding: 0; cursor: pointer; } /* For reference TO BE DELETED LATER .two-wide-cols { padding: 72px 0; position: relative; } .two-wide-cols::after { content: ''; display: block; position: absolute; top: 72px; left: 50%; bottom: 72px; width: 1px; background: var(--color-grey); } .two-wide-cols .col { grid-column: 2 / span 10; } .two-wide-cols .col + .col { grid-column: 14 / span 10; } .two-wide-cols .col h4 { font-family: var(--font-text); font-weight: 500; margin: 0 0 24px; } .two-wide-cols .col p { font-size: 20px; line-height: 28px; margin: 0 0 28px; } .two-wide-cols .col p.strong { font-family: var(--font-headings); font-size: 30px; line-height: 36px; font-weight: bold; } .two-wide-cols .col .wave { margin: -15px 0 15px; } @media (max-width: 799.5px) { .two-wide-cols .col { grid-column: span 24 !important; } .two-wide-cols::after { display: none; } */ .three-cols { padding: 72px 0; position: relative; } /* .three-cols::after { content: ''; display: block; position: absolute; top: 72px; left: 39.5%; bottom: 72px; width: 1px; background: var(--color-grey); } */ .three-cols .col { grid-column: 1 / span 7; } /* .three-cols .col::after { content: ''; display: block; position: absolute; top: 72px; left: 65%; bottom: 72px; width: 1px; background: var(--color-grey); } */ .three-cols .col + .col { grid-column: 9 / span 7; } .three-cols .col + .col + .col { grid-column: 17 / span 7; } .three-cols .col h4 { font-family: var(--font-text); font-weight: 500; margin: 0 0 24px; } .three-cols .col p { font-size: 20px; line-height: 28px; margin: 0 0 28px; } .three-cols .col p.strong { font-family: var(--font-headings); font-size: 30px; line-height: 36px; font-weight: bold; } .three-cols .col .wave { margin: -15px 0 15px; } .no-top-padding { padding-top:0px !important} .buttons a{color:#fff !important} @media (max-width: 799.5px) { .two-wide-cols .col { grid-column: span 24 !important; } .two-wide-cols::after { display: none; } */ /* For Microsoft Forms */ .responsive-iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } /* For center divs */ .divcenter { margin: auto width: 640px; } /* For FoodEducators School Network Terms & Conditions, Based on About-Resources */ .fesntc { z-index: 10; } .fesntc .fesntc-opener { display: flex; justify-content: center; align-items: center; font-weight: 600; color: var(--color-white); background: var(--color-dark-blue); height: 48px; position: relative; } .fesntc .fesntc-opener span::before { content: '+'; margin: 0 0 0 10px; transition: all .4s; } .fesntc .fesntc-opener.open span::before { content: '-'; } .fesntc-text { background: var(--color-light-blue2); padding: 33px 0; display: none; } .fesntc-text .col { grid-column: 3 / span 9; } .fesntc-text .col + .col { grid-column: 14 / span 9; } .fesntc-text h4 { font-family: var(--font-text); font-weight: 600; margin: 0 0 15px; } .fesntc-text p { font-size: 16px; line-height: 22px; margin: 0 0 22px; } @media (hover) { .fesntc .fesntc-opener:hover { background: var(--color-blue); } } @media (max-width: 799.5px) { .about-resources .col { grid-column: span 24 !important; } .about-resources .about-resources-opener { height: 40px; font-size: 14px; }