*
* This would give you a grid item which is 100% width unless it is on a lap
* device, at which point it become 50% wide, or it is on a desktop device, at
* which point it becomes 33.333% width.
*
* csswizardry grids also has push and pull classes which allow you to nudge
* grid items left and right by a defined amount. These follow the same naming
* convention as above, but are prepended by either `push--` or `pull--`, for
* example:
*
`class="grid__item one-half push--one-half"`
*
* This would give you a grid item which is 50% width and pushed over to the
* right by 50%.
*
* All classes in csswizardry grids follow this patten, so you should fairly
* quickly be able to piece together any combinations you can imagine, for
* example:
*
`class="grid__item one-whole lap--one-half desk--one-third push--desk--one-third"`
*
`class="grid__item one-quarter palm--one-half push--palm--one-half"`
*
`class="grid__item palm--one-third desk--five-twelfths"`
*/
/*------------------------------------*\
$VARIABLES
\*------------------------------------*/
/**
* If you are building a non-responsive site but would still like to use
* csswizardry-grids, set this to ‘false’:
*/
/**
* Is this build mobile first? Setting to ‘true’ means that all grids will be
* 100% width if you do not apply a more specific class to them.
*/
/**
* Set the spacing between your grid items.
*/
/**
* Would you like Sass’ silent classes, or regular CSS classes?
*/
/**
* Would you like push and pull classes enabled?
*/
/**
* Using `inline-block` means that the grid items need their whitespace removing
* in order for them to work correctly. Set the following to true if you are
* going to achieve this by manually removing/commenting out any whitespace in
* your HTML yourself.
*
* Setting this to false invokes a hack which cannot always be guaranteed,
* please see the following for more detail:
*
* github.com/csswizardry/csswizardry-grids/commit/744d4b23c9d2b77d605b5991e54a397df72e0688
* github.com/csswizardry/inuit.css/issues/170#issuecomment-14859371
*/
/**
* Define your breakpoints. The first value is the prefix that shall be used for
* your classes (e.g. `.palm--one-half`), the second value is the media query
* that the breakpoint fires at.
*/
/**
* Define which namespaced breakpoints you would like to generate for each of
* widths, push and pull. This is handy if you only need pull on, say, desk, or
* you only need a new width breakpoint at mobile sizes. It allows you to only
* compile as much CSS as you need. All are turned on by default, but you can
* add and remove breakpoints at will.
*
* Push and pull shall only be used if `$push` and/or `$pull` and `$responsive`
* have been set to ‘true’.
*/
/**
* You do not need to edit anything from this line onward; csswizardry-grids is
* good to go. Happy griddin’!
*/
/*------------------------------------*\
$MIXINS
\*------------------------------------*/
/**
* These mixins are for the library to use only, you should not need to modify
* them at all.
*
* Enclose a block of code with a media query as named in `$breakpoints`.
*/
/**
* Drop relative positioning into silent classes which can’t take advantage of
* the `[class*="push--"]` and `[class*="pull--"]` selectors.
*/
/*------------------------------------*\
$GRID SETUP
\*------------------------------------*/
/**
* 1. Allow the grid system to be used on lists.
* 2. Remove any margins and paddings that might affect the grid system.
* 3. Apply a negative `margin-left` to negate the columns’ gutters.
*/
.grid {
list-style: none;
/* [1] */
margin: 0;
/* [2] */
padding: 0;
/* [2] */
margin-left: -20px;
/* [3] */ }
/**
* 1. Cause columns to stack side-by-side.
* 2. Space columns apart.
* 3. Align columns to the tops of each other.
* 4. Full-width unless told to behave otherwise.
* 5. Required to combine fluid widths and fixed gutters.
*/
.grid__item {
display: inline-block;
/* [1] */
padding-left: 20px;
/* [2] */
vertical-align: top;
/* [3] */
width: 100%;
/* [4] */
/* [5] */
/* [5] */
box-sizing: border-box;
/* [5] */ }
/**
* Reversed grids allow you to structure your source in the opposite order to
* how your rendered layout will appear. Extends `.grid`.
*/
.grid--rev {
direction: rtl;
text-align: left; }
.grid--rev > .grid__item {
direction: ltr;
text-align: left; }
/**
* Gutterless grids have all the properties of regular grids, minus any spacing.
* Extends `.grid`.
*/
.grid--full {
margin-left: 0; }
.grid--full > .grid__item {
padding-left: 0; }
/**
* Align the entire grid to the right. Extends `.grid`.
*/
.grid--right {
text-align: right; }
.grid--right > .grid__item {
text-align: left; }
/**
* Centered grids align grid items centrally without needing to use push or pull
* classes. Extends `.grid`.
*/
.grid--center {
text-align: center; }
.grid--center > .grid__item {
text-align: left; }
/**
* Align grid cells vertically (`.grid--middle` or `.grid--bottom`). Extends
* `.grid`.
*/
.grid--middle > .grid__item {
vertical-align: middle; }
.grid--bottom > .grid__item {
vertical-align: bottom; }
/**
* Create grids with narrower gutters. Extends `.grid`.
*/
.grid--narrow {
margin-left: -10px; }
.grid--narrow > .grid__item {
padding-left: 10px; }
/**
* Create grids with wider gutters. Extends `.grid`.
*/
.grid--wide {
margin-left: -40px; }
.grid--wide > .grid__item {
padding-left: 40px; }
/*------------------------------------*\
$WIDTHS
\*------------------------------------*/
/**
* Create our width classes, prefixed by the specified namespace.
*/
/**
* Our regular, non-responsive width classes.
*/
/**
* Whole
*/
.one-whole {
width: 100%; }
/**
* Halves
*/
.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths {
width: 50%; }
/**
* Thirds
*/
.one-third, .two-sixths, .four-twelfths {
width: 33.333%; }
.two-thirds, .four-sixths, .eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.one-quarter, .two-eighths, .three-twelfths {
width: 25%; }
.three-quarters, .six-eighths, .nine-twelfths {
width: 75%; }
/**
* Fifths
*/
.one-fifth, .two-tenths {
width: 20%; }
.two-fifths, .four-tenths {
width: 40%; }
.three-fifths, .six-tenths {
width: 60%; }
.four-fifths, .eight-tenths {
width: 80%; }
/**
* Sixths
*/
.one-sixth, .two-twelfths {
width: 16.666%; }
.five-sixths, .ten-twelfths {
width: 83.333%; }
/**
* Eighths
*/
.one-eighth {
width: 12.5%; }
.three-eighths {
width: 37.5%; }
.five-eighths {
width: 62.5%; }
.seven-eighths {
width: 87.5%; }
/**
* Tenths
*/
.one-tenth {
width: 10%; }
.three-tenths {
width: 30%; }
.seven-tenths {
width: 70%; }
.nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.one-twelfth {
width: 8.333%; }
.five-twelfths {
width: 41.666%; }
.seven-twelfths {
width: 58.333%; }
.eleven-twelfths {
width: 91.666%; }
/**
* Our responsive classes, if we have enabled them.
*/
@media only screen and (max-width: 782px) {
/**
* Whole
*/
.palm--one-whole {
width: 100%; }
/**
* Halves
*/
.palm--one-half, .palm--two-quarters, .palm--three-sixths, .palm--four-eighths, .palm--five-tenths, .palm--six-twelfths {
width: 50%; }
/**
* Thirds
*/
.palm--one-third, .palm--two-sixths, .palm--four-twelfths {
width: 33.333%; }
.palm--two-thirds, .palm--four-sixths, .palm--eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.palm--one-quarter, .palm--two-eighths, .palm--three-twelfths {
width: 25%; }
.palm--three-quarters, .palm--six-eighths, .palm--nine-twelfths {
width: 75%; }
/**
* Fifths
*/
.palm--one-fifth, .palm--two-tenths {
width: 20%; }
.palm--two-fifths, .palm--four-tenths {
width: 40%; }
.palm--three-fifths, .palm--six-tenths {
width: 60%; }
.palm--four-fifths, .palm--eight-tenths {
width: 80%; }
/**
* Sixths
*/
.palm--one-sixth, .palm--two-twelfths {
width: 16.666%; }
.palm--five-sixths, .palm--ten-twelfths {
width: 83.333%; }
/**
* Eighths
*/
.palm--one-eighth {
width: 12.5%; }
.palm--three-eighths {
width: 37.5%; }
.palm--five-eighths {
width: 62.5%; }
.palm--seven-eighths {
width: 87.5%; }
/**
* Tenths
*/
.palm--one-tenth {
width: 10%; }
.palm--three-tenths {
width: 30%; }
.palm--seven-tenths {
width: 70%; }
.palm--nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.palm--one-twelfth {
width: 8.333%; }
.palm--five-twelfths {
width: 41.666%; }
.palm--seven-twelfths {
width: 58.333%; }
.palm--eleven-twelfths {
width: 91.666%; } }
@media only screen and (min-width: 783px) {
/**
* Whole
*/
.desk--one-whole {
width: 100%; }
/**
* Halves
*/
.desk--one-half, .desk--two-quarters, .desk--three-sixths, .desk--four-eighths, .desk--five-tenths, .desk--six-twelfths {
width: 50%; }
/**
* Thirds
*/
.desk--one-third, .desk--two-sixths, .desk--four-twelfths {
width: 33.333%; }
.desk--two-thirds, .desk--four-sixths, .desk--eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.desk--one-quarter, .desk--two-eighths, .desk--three-twelfths {
width: 25%; }
.desk--three-quarters, .desk--six-eighths, .desk--nine-twelfths {
width: 75%; }
/**
* Fifths
*/
.desk--one-fifth, .desk--two-tenths {
width: 20%; }
.desk--two-fifths, .desk--four-tenths {
width: 40%; }
.desk--three-fifths, .desk--six-tenths {
width: 60%; }
.desk--four-fifths, .desk--eight-tenths {
width: 80%; }
/**
* Sixths
*/
.desk--one-sixth, .desk--two-twelfths {
width: 16.666%; }
.desk--five-sixths, .desk--ten-twelfths {
width: 83.333%; }
/**
* Eighths
*/
.desk--one-eighth {
width: 12.5%; }
.desk--three-eighths {
width: 37.5%; }
.desk--five-eighths {
width: 62.5%; }
.desk--seven-eighths {
width: 87.5%; }
/**
* Tenths
*/
.desk--one-tenth {
width: 10%; }
.desk--three-tenths {
width: 30%; }
.desk--seven-tenths {
width: 70%; }
.desk--nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.desk--one-twelfth {
width: 8.333%; }
.desk--five-twelfths {
width: 41.666%; }
.desk--seven-twelfths {
width: 58.333%; }
.desk--eleven-twelfths {
width: 91.666%; } }
/*------------------------------------*\
$PUSH
\*------------------------------------*/
/**
* Push classes, to move grid items over to the right by certain amounts.
*/
/*------------------------------------*\
$PULL
\*------------------------------------*/
/**
* Pull classes, to move grid items back to the left by certain amounts.
*/
.demo-block {
background-color: #f43059;
color: #fff;
padding: 18px; }
.display-toggle__label {
font-size: inherit; }
@media screen and (min-width: 783px) {
.display-toggle__label {
display: none; } }
.display-toggle__label.is-open .display-toggle__icon--is-open, .display-toggle__label.is-closed .display-toggle__icon--is-closed {
display: inherit; }
.display-toggle__label.is-open .display-toggle__icon--is-closed, .display-toggle__label.is-closed .display-toggle__icon--is-open {
display: none; }
.display-toggle__state {
display: none; }
.display-toggle__content {
display: none; }
@media screen and (min-width: 783px) {
.display-toggle__content {
display: inherit; } }
.display-toggle__state:checked + .display-toggle__content {
display: block; }
@media screen and (min-width: 783px) {
.display-toggle__state:checked + .display-toggle__content {
display: inherit; } }
.accordion {
overflow: hidden; }
.accordion-section + .accordion-section {
border-top: 1px solid #ffffff; }
.accordion-section-hd {
padding: 10px;
background-color: #565656; }
.accordion-section-hd > * {
font-size: 16px;
color: #ffffff;
text-transform: uppercase; }
.accordion-section-hd:focus {
padding: 8px;
border: 2px solid #e48066; }
.accordion-section-bd {
height: 200px;
max-height: 200px;
/* approximate max height */
background-color: #e2e2e2;
overflow-y: hidden;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
.accordion-section.isClosed .accordion-section-bd {
max-height: 0; }
/*doc
---
title: Blocks
name: blocks
category: module
---
```html_example
```
*/
.btn {
text-transform: uppercase;
text-decoration: none;
display: inline-block;
background-color: #e48066;
color: #fff;
border: none;
font-family: 'ProximaNova-Bold', Helvetica, sans-serif;
padding: 5px 10px;
line-height: 1; }
.btn:hover {
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
background-color: #e48066;
color: black;
cursor: pointer; }
@-webkit-keyframes pulse {
50% {
background-color: #e8927c; } }
@keyframes pulse {
50% {
background-color: #e8927c; } }
.btn:active {
background: #7db3b2;
-webkit-animation: none;
animation: none; }
.btn:disabled {
cursor: initial;
pointer-events: none;
opacity: .5; }
.btn_block {
display: block; }
.btn.btn_icon {
border-radius: 100px;
color: #000;
background: transparent;
text-transform: none;
padding: 0;
font-size: 40px; }
.btn.btn_icon:before {
margin-right: 0; }
.btn_icon:hover {
-webkit-animation-name: none;
animation-name: none;
color: #e48066; }
.btn_earth {
background-color: #cccdc0;
color: #000; }
.btn_danger {
background-color: #81111D;
color: #fff; }
.btn_confirm {
background-color: #bada55;
color: #fff; }
.btn_caution {
background-color: #c0ffee;
color: #fff; }
.btn_black {
background-color: #000;
color: #fff; }
.btn_medium {
font-size: 18px;
padding: 10px 15px; }
.btn_large {
font-size: 36px;
padding: 20px; }
.btn_mega {
font-size: 36px;
padding: 25px 50px; }
.btn_full {
display: block;
text-align: center; }
.btn_fullWidth {
width: 100%; }
.calendarItem-hd-text {
font-family: 'ProximaNova-Bold', Helvetica, sans-serif;
font-size: 18px;
color: #000000;
line-height: 1.1; }
.calendarItem-link {
display: block;
font-size: 14px;
color: #ed8066;
text-decoration: underline; }
.carousel {
overflow: hidden;
display: inline-block;
color: #000000;
width: 100%; }
.carousel__item {
float: left;
position: relative;
width: 100%;
/* change to pixel value */ }
.carousel__media > * {
display: block;
width: 100%; }
.carousel__media img {
display: block;
width: 100%; }
.carousel__caption {
width: 94%;
position: absolute;
bottom: 0;
padding: 20px 3%;
background-color: rgba(204, 205, 192, 0.95); }
.carousel__item--link .carousel__caption {
color: #000; }
.carousel-caption-text, .carousel__title {
font-size: 19px;
font-family: 'ProximaNova-Bold', Helvetica, sans-serif;
color: #308080; }
/*doc
---
title: Committes
name: committes
category: module
---
```html_example
Blah
-
Johnny Appleseed, Name of School
-
Johnny Appleseed, Name of School
```
*/
.committes {
margin-bottom: 15px; }
.committes-hd {
font-family: 'ProximaNova-Bold', Helvetica, sans-serif;
font-size: 14px;
color: #ffffff; }
.committee-member {
font-size: 14px;
color: #000000;
line-height: 1.2; }
.committee-member-school {
color: #162020; }
.contact {
overflow: hidden; }
.contact-hd {
margin-bottom: 15px; }
.contact-hd-text {
font-size: 24px;
color: #000000;
font-weight: normal; }
.contact-hd-text-code {
font-weight: bold; }
.contact-bd {
margin-bottom: 10px;
padding-bottom: 20px;
border-bottom: 1px solid grey; }
.contact-bd-address > *:first-child {
display: block; }
.contact-bd-ft {
margin-top: 20px; }
.contact-bd-ft > * {
display: block; }
.contact-ft-member {
margin-bottom: 10px; }
.contact-ft-member > *:first-child {
display: block; }
.contact-ft-member > *:last-child {
font-weight: bold; }
.contest {
padding: 10px;
background-color: #7db3b2; }
.contest-hd {
margin-bottom: 5px; }
.contest-hd-text {
font-family: 'ProximaNova-Bold', Helvetica, sans-serif;
font-size: 16px;
text-transform: uppercase;
color: #000; }
.contest-list {
margin-bottom: 15px; }
.contest-list strong {
color: #fff; }
.contest-list > * + * {
margin-top: 5px; }
.contest-list-entry {
font-size: 14px;
font-weight: normal; }
.contest-list-entry_bold {
font-family: 'ProximaNova-Bold', Helvetica, sans-serif; }
.contest-winners-hd {
margin-bottom: 5px; }
.contest-winners-hd > * {
font-family: 'ProximaNova-Regular', Helvetica, sans-serif;
font-size: 16px; }
.critique {
margin-top: 15px; }
.critique-upload {
margin-bottom: 15px; }
.critique-upload-id {
font-size: 14px; }
.critique .critique-upload-id-link {
display: inline-block;
color: #e48066; }
.critique-upload-name {
font-size: 14px; }
.critique-upload-judge {
display: none;
font-size: 14px; }
.critique-upload-judge-name {
font-weight: bold; }
.critique-upload-input {
width: 75px; }
.critique-selection {
display: none; }
.critique-selection-list {
padding-left: 40px;
list-style: outside disc; }
.critique .critique-selection-list-link {
display: block;
font-size: 12px;
color: #000000;
text-decoration: underline;
line-height: 1.1; }
.critique-selection-upload {
display: none; }
.critique-selection-upload > * + * {
margin-top: 15px; }
.dataTable {
width: 100%; }
.dataTable thead {
background-color: #939393;
border-bottom: 1px solid #ffffff; }
.dataTable th {
padding: 5px 10px 0;
font-weight: bold; }
.dataTable tr + tr {
border-top: 2px solid #ffffff; }
.dataTable td {
padding: 0 10px; }
.dataTable th:first-child, .dataTable td:first-child {
text-align: left; }
.dataTable td {
text-align: center; }
/*doc
---
title: Featured
name: featured
category: module
---
```html_example
```
*/
.featured {
display: block;
color: #000000; }
.featured--link:hover, .featured--link:hover .featured__hd-text {
color: #e48066; }
.featured__media {
margin-bottom: 10px; }
.featured__media > img {
display: block;
width: 100%; }
.featured__hd {
margin-bottom: 5px; }
.featured__hd-text, .featured__hd-text > a, .featured__hd a {
display: block;
color: #000000;
font-size: 18px;
font-family: 'ProximaNova-Bold', Helvetica, sans-serif;
text-decoration: none; }
.featured-hd-text_large, .featured__hd-text_large {
color: #000000;
font-size: 18px;
font-family: 'ProximaNova-Bold', Helvetica, sans-serif; }
.featured-hd-text_uppercase, .featured__hd-text_uppercase {
text-transform: uppercase; }
.featured__bd {
margin-bottom: 5px; }
.contact-us-form p {
margin-bottom: 0; }
.contact-us-form br {
display: none; }
.contact-us-form label {
vertical-align: top; }
.contact-us-form fieldset > * {
margin-bottom: 20px; }
.styled-select {
margin: 0;
padding: 0;
float: left;
overflow: hidden;
background: #fff url(assets/media/images/select-arrow.png) right no-repeat;
border: 1px solid #000; }
.styled-select select {
width: 105%;
background: transparent;
border: none;
height: 25px;
font-size: 11px; }
.contact-us-form_required-mark {
color: #005f65; }
.contact-us-form_guide {
font-size: 11px; }
.gizmo {
overflow: hidden; }
.gizmo + .gizmo {
border-top: 1px solid grey;
padding-top: 20px;
margin-top: 30px; }
.gizmo_accent {
border-top: 1px solid grey;
padding-top: 20px;
margin-top: 30px; }
.gizmo-hd {
margin-bottom: 10px; }
.gizmo-hd-text {
font-size: 24px;
color: #000000; }
.hdg {
color: #cccdc0;
font-family: 'ProximaNova-Regular', Helvetica, sans-serif;
line-height: 1.2;
color: #7db3b2; }
.hdg_1 {
font-size: 24px;
font-weight: bold;
text-transform: uppercase; }
.hdg_2 {
font-size: 18px; }
.hdg_3 {
font-size: 18px; }
.hdg_4 {
font-size: 14px; }
.mix-hdg_black {
color: #000000; }
.hList {
overflow: hidden; }
.hList > * {
float: left; }
.hList > * + * {
margin-left: 10px; }
.logo-link {
display: block;
width: 83px;
height: 23px;
background: url(assets/media/images/nspa-logo.png) no-repeat;
background-size: 100%; }
.logo-link_acp {
background: url(assets/media/images/acp-logo.png) no-repeat;
width: 60px;
height: 29px;
background-size: 100%; }
.mainContent {
padding: 20px 0;
background-color: #ffffff; }
.media, .media-bd {
overflow: hidden; }
.media-bd h1 > a {
text-decoration: none;
color: #000000; }
.media-img {
float: left;
margin: 0 3% 0 0; }
.media-img_flip {
float: right;
margin: 0 0 0 3%; }
.memberTable {
width: 100%; }
.memberTable thead {
border-bottom: 1px solid; }
.memberTable thead th {
width: 118px;
font-size: 15px;
text-align: center;
vertical-align: middle;
border-left: 1px solid;
text-transform: uppercase;
padding: 5px; }
.memberTable thead th span {
font-weight: bold;
display: block; }
.memberTable thead th:first-child {
width: 300px;
border-left: 0; }
.memberTable tr {
border-bottom: 1px solid; }
.memberTable tr:last-child {
border-bottom: 0; }
.memberTable tbody tr > * {
padding: 5px 10px;
border-left: 1px solid; }
.memberTable tbody tr > *:first-child {
border-left: 0; }
.memberTable tbody th {
width: 250px;
text-align: left;
font-size: 12px;
vertical-align: middle; }
@media screen and (min-width: 783px) {
.memberTable tbody th {
font-size: 14px; } }
.memberTable td {
text-align: center;
font-size: 14px;
font-weight: bold;
vertical-align: middle; }
.memberTable_check {
background-image: url('data:image/png;base64,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');
background-repeat: no-repeat;
background-position: top left;
background-size: 25px;
height: 25px;
width: 25px;
text-indent: -9999px;
display: inline-block;
position: relative;
z-index: -1; }
@media screen and (min-width: 783px) {
.memberTable_check {
background-size: 50px;
height: 50px;
width: 50px; } }
.memberTable--sm {
position: relative;
overflow: hidden; }
.memberTable__headers {
width: 150px;
text-align: left; }
.memberTable__contents {
position: absolute;
top: 0;
left: 150px;
right: 0;
overflow: scroll;
background-image: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.5) 0%, transparent 33%), -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.5) 0%, transparent 33%);
background-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.5) 0%, transparent 33%), radial-gradient(ellipse at center, rgba(0, 0, 0, 0.5) 0%, transparent 33%);
background-position: -25px 50%, calc(100% + 25px) 50%;
background-size: 50px 200%;
background-repeat: no-repeat;
background-attachment: scroll; }
.memberTable__scroll-area {
position: relative;
width: 400px;
background-image: -webkit-linear-gradient(left, white 33%, transparent 66%), -webkit-linear-gradient(left, transparent 33%, white 66%);
background-image: linear-gradient(to right, white 33%, transparent 66%), linear-gradient(to right, transparent 33%, white 66%);
background-position: 0 0, 100% 100%;
background-size: 30px 100%;
background-repeat: no-repeat;
background-attachment: scroll; }
.note-hd {
margin-bottom: 5px; }
.note-hd-title {
font-size: 18px;
margin-bottom: 5px; }
.note-hd .note-hd-title > a {
color: #e48066;
font-size: 18px;
text-decoration: none;
border-bottom: 1px solid;
padding-bottom: 1px; }
.note-hd-author > * {
display: inline-block;
font-size: 12px;
color: #000000; }
.note-hd-author > * + * {
padding-left: 5px;
margin-left: 4px;
border-left: 1px solid #000000; }
.note-hd-author-title {
font-weight: bold; }
.note-hd-author-name {
text-transform: uppercase; }
.note-bd {
font-size: 16px;
line-height: 18px; }
.note-bd--sm {
font-size: 14px; }
/*doc
---
title: Panel
name: panel
category: module
---
```html_example
```
*/
.panel {
background-color: #7db3b2; }
.panel:hover * {
color: #ffffff; }
.panel_linkList:hover * {
color: #000; }
.panel_linkList a:hover {
color: #fff; }
.panel_tan {
background-color: #cccdc0; }
.panel-media {
margin: 12px 0; }
.panel-media img {
width: 100%; }
.panel-hd {
padding: 15px 15px 0 15px; }
.panel-hd-text {
font-size: 18px;
font-family: 'ProximaNova-Bold', Helvetica, sans-serif;
text-transform: uppercase;
color: #000000;
line-height: 1.2; }
.panel-hd-text_uppercase {
text-transform: uppercase; }
.panel-bd {
padding: 0 15px 20px 15px; }
.panel-bd > * {
color: #000; }
.panel a {
color: #000;
text-decoration: none; }
.shelf {
margin-bottom: 10px; }
.shelf_1 {
margin-bottom: 10px; }
.shelf_2 {
margin-bottom: 15px; }
.shelf_3 {
margin-bottom: 20px; }
.shelf_4 {
margin-bottom: 40px; }
.shelf_5 {
margin-bottom: 60px; }
.split {
display: table;
width: 100%; }
.split-chunk {
display: table-cell;
vertical-align: middle; }
.split-chunk_right {
text-align: right; }
.split_half {
table-layout: fixed; }
.split_half > .split-chunk {
padding-right: 5%; }
.split_half > .split-chunk_right {
width: 100%;
box-sizing: border-box; }
.title {
display: inline-block;
padding: 5px 15px;
margin-bottom: 5px;
background-color: #d7d46e; }
.title-text {
font-size: 24px;
color: #000000;
font-family: 'ProximaNova-Bold', Helvetica, sans-serif;
text-transform: uppercase; }
.title-content {
font-size: 18px;
line-height: 1.25; }
.upload {
padding: 15px;
background-color: #7db3b2; }
.upload h2 {
font-size: 18px;
font-family: 'ProximaNova-Bold', Helvetica, sans-serif;
text-transform: uppercase;
color: #000000;
line-height: 1.2; }
.upload input {
box-sizing: border-box; }
.upload .ugc-inner-wrapper textarea {
box-sizing: border-box; }
.ugc-inner-wrapper .ugc-input-wrapper {
overflow: hidden; }
div.ugc-inner-wrapper .ugc-input-wrapper input[type="text"] {
float: right;
width: 50%; }
.ugc-inner-wrapper .ugc-input-wrapper label {
line-height: 1.9; }
.ugc-inner-wrapper .ugc-input-wrapper input[type="file"] {
margin-top: 10px; }
.ugc-notice.success {
border: 0;
background-color: #d7d46e;
font-size: 14px;
font-weight: bold;
padding: 5px 10px 3px; }
.ugc-input-wrapper label.error {
display: block;
color: #650000;
font-weight: normal; }
/* ---------------------------------------------------------------------
Original Author: Anthony Ticknor
Contributors: N/A
Quarantine styles applied to areas where content is dynamic and
generated by a content editor / CMS.
Usage
...
------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------
userContent default
------------------------------------------------------------------------ */
.userContent {
font-weight: normal;
font-style: normal;
color: #333333; }
/* ---------------------------------------------------------------------
userContent paragraphs
------------------------------------------------------------------------ */
.userContent p {
margin: 0 0 12px 0;
overflow: auto; }
.userContent p img {
margin-right: 12px; }
/* ---------------------------------------------------------------------
userContent headings
------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------
userContent sections
------------------------------------------------------------------------ */
.userContent blockquote {
margin: 0 24px 12px 24px;
padding: 12px;
background: #eeeeee;
font-style: italic; }
.userContent address {
margin: 0 0 12px 0;
font-style: italic; }
/* ---------------------------------------------------------------------
userContent anchors
------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------
userContent text formatting
------------------------------------------------------------------------ */
.userContent strong, .userContent b {
font-family: 'ProximaNova-Bold', Helvetica, sans-serif; }
.userContent em, .userContent i {
font-style: italic; }
.userContent del, .userContent strike, .userContent s {
text-decoration: line-through; }
.userContent u, .userContent ins {
text-decoration: underline; }
.userContent sup {
vertical-align: super;
font-size: smaller; }
.userContent sub {
vertical-align: sub;
font-size: smaller; }
.userContent big {
font-size: larger; }
.userContent small {
font-size: smaller; }
.userContent abbr, .userContent acronym {
border-bottom: dotted 1px; }
.userContent cite, .userContent dfn {
font-style: italic; }
.userContent q {
font-style: italic; }
.userContent q::before {
content: open-quote; }
.userContent q::after {
content: close-quote; }
.userContent q:lang(en) {
quotes: "\201C" "\201D" "\2018" "\2019"; }
.userContent bdo {
direction: rtl; }
.userContent blink {
text-decoration: blink; }
/* ---------------------------------------------------------------------
userContent computer output
------------------------------------------------------------------------ */
.userContent pre {
margin: 0 0 12px 0;
font-family: "Lucida Console", Monaco, monospace;
white-space: pre-wrap;
word-break: break-word; }
.userContent code, .userContent samp, .userContent tt, .userContent kbd {
font-family: "Lucida Console", Monaco, monospace; }
.userContent var {
font-style: italic; }
/* ---------------------------------------------------------------------
userContent lists
------------------------------------------------------------------------ */
.userContent ul, .userContent ol, .userContent dl {
margin-top: 0;
margin-bottom: 12px; }
.userContent ul {
list-style-type: disc;
margin: 0 0 12px 0; }
.userContent ol {
list-style-type: decimal;
margin: 0 0 12px 0; }
.userContent dt {
font-weight: bold; }
.userContent li, .userContent dd {
margin: 0 0 0 24px; }
/* nested lists have no top/bottom margins */
.userContent ul ul, .userContent ul ol, .userContent ul dl, .userContent ol ul, .userContent ol ol, .userContent ol dl, .userContent dl ul, .userContent dl ol, .userContent dl dl {
margin-top: 0;
margin-bottom: 0; }
/* 2 deep unordered lists use a circle */
.userContent ol ul, .userContent ul ul {
list-style-type: circle; }
/* 3 deep (or more) unordered lists use a square */
.userContent ol ol ul, .userContent ol ul ul, .userContent ul ol ul, .userContent ul ul ul {
list-style-type: square; }
/* ---------------------------------------------------------------------
userContent horizontal rule
------------------------------------------------------------------------ */
.userContent hr {
margin: 20px 0;
background: #666666;
color: #666666;
height: 1px;
border: none;
line-height: 1px;
font-size: 1px; }
/* ---------------------------------------------------------------------
userContent media
------------------------------------------------------------------------ */
.userContent img, .userContent video, .userContent audio, .userContent iframe {
max-width: 100% !important; }
/* ---------------------------------------------------------------------
userContent media
------------------------------------------------------------------------ */
.userContent .alignleft {
float: left; }
.vList > * + * {
margin-top: 10px; }
.vList_spacedNone > * + * {
margin-top: 0; }
.vList_bordered > * + * {
border-top: 1px solid #acacac;
padding-top: 10px; }
.vList_padded > * + * {
padding: 20px 0 10px; }
.vList_bulleted {
padding-left: 35px; }
.vList_bulleted > * {
list-style: disc outside; }
.vList > .vList-splitter {
padding: 0; }
.vList.vList--padded-spacer > .vList-splitter {
margin-bottom: 30px;
}
.wrapper {
padding: 0 3%; }
@media screen and (min-width: 783px) {
.wrapper {
max-width: 940px;
margin: 0 auto; } }
.coloredSection {
margin-bottom: 60px;
padding: 40px 0 60px; }
.coloredSection-title {
color: #fff;
text-transform: uppercase; }
.bg-primary {
background: #308080; }
.bg-primary_dark {
background: #005f65; }
.bg-primary_light {
background: #7db3b2; }
.bg-secondary {
background: #cecb6f; }
.bg-secondary_light {
background: #d8d56f; }
.bg-tertiary {
background: #e48066; }
.bg-earth {
background: #cccdc0; }
.breadcrumbs {
margin-bottom: 20px;
font-size: 12px; }
.breadcrumbs__item {
display: inline; }
.breadcrumbs__link {
color: #000;
text-decoration: none;
border-bottom: 1px dotted; }
.breadcrumbs__link:hover {
color: #e48066; }
.overlay {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.75);
z-index: 10; }
.modal-trigger {
display: block;
cursor: pointer; }
.modal {
display: none;
position: fixed;
z-index: 20;
top: 50%;
left: 50%;
background: #fff;
box-shadow: 0 0 80px rgba(0, 0, 0, 0.75); }
.modal img {
max-width: 900px;
max-height: 550px; }
.modal-info {
padding: 10px; }
.modal-close {
position: absolute;
top: 5px;
right: 5px;
text-decoration: none;
font-size: 34px;
font-weight: bold;
line-height: 0.9;
color: #fff;
border-radius: 50%;
background: rgba(0, 0, 0, 0.25);
width: 25px;
height: 25px;
text-align: center;
-webkit-transition: background-color 0.25s;
transition: background-color 0.25s; }
.modal-close:hover {
background-color: rgba(0, 0, 0, 0.75);
-webkit-transition: background-color 0.25s;
transition: background-color 0.25s; }
.rssFeed-bd {
border: 1px solid black;
border-top: 0;
padding-top: 27px;
margin-top: -25px;
z-index: 1;
position: relative;
padding: 30px 15px 15px; }
.rssFeed-item a {
font-size: 22px;
text-decoration: none;
border-bottom: 1px solid;
padding-bottom: 1px;
font-family: 'ProximaNova-Bold', Helvetica, sans-serif; }
.rssFeed-item p + p {
display: none; }
.rssFeed-legal {
font-size: 10px; }
.splashBox {
margin-top: 100px; }
@media screen and (min-width: 783px) {
.splashBox {
margin-top: 66%; } }
.splashBox-hd {
height: 50px;
overflow: hidden; }
.splashBox-hd .logo-link {
margin: 0; }
.splashBox-hd .logo-link_acp {
margin-top: 2px;
background: url(/wp-content/themes/studentpress/assets/media/images/acp-logo.png) no-repeat;
width: 60px;
height: 29px;
background-size: 100%; }
/*----------------------------------------------------------------------
Footer
----------------------------------------------------------------------*/
.footer, .footer-nav {
overflow: hidden; }
.footer-nav {
margin-bottom: 30px;
background-color: #308080;
padding: 5px 0; }
@media screen and (min-width: 783px) {
.footer-nav {
margin-bottom: 15px;
padding: 0; } }
@media screen and (min-width: 783px) {
.footer-nav__list {
overflow: hidden;
width: 810px;
margin: 0 auto; } }
@media screen and (min-width: 783px) {
.footer-nav__list > * {
float: left; } }
.footer-nav__link {
display: block;
padding: 13px 0;
color: #fff;
font-size: 14;
text-decoration: none;
text-transform: uppercase;
text-align: center; }
@media screen and (min-width: 783px) {
.footer-nav__link {
display: inline-block;
padding: 32px 25px;
font-size: 12px; } }
.footer-nav__list > *:not(:last-child) .footer-nav__link {
border-bottom: 1px solid #005f65; }
@media screen and (min-width: 783px) {
.footer-nav__list > *:not(:last-child) .footer-nav__link {
border-bottom: 0; } }
.footer-nav__link:hover {
background: #005f65; }
.footer__social {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 20px; }
@media screen and (min-width: 783px) {
.footer__social {
float: left;
margin-bottom: 0; } }
.footer__contact {
text-align: center; }
@media screen and (min-width: 783px) {
.footer__contact {
text-align: right;
float: right; } }
.footer__address {
margin-bottom: 20px; }
/*doc
---
title: Header
name: header
category: landmark
---
```html_example
```
*/
.header {
background-color: #308080;
min-height: 60px;
margin-bottom: 58px; }
.header.has-active-sub-nav {}
@media screen and (min-width: 783px) {
.header.has-active-sub-nav {
margin-bottom: 100px; } }
.header.has-breadcrumbs {
margin-bottom: 20px; }
@media screen and (min-width: 783px) {
.header.has-breadcrumbs {
margin-bottom: 58px; } }
@media screen and (min-width: 783px) {
.navigation {
height: 86px;
max-width: 940px;
margin: 0 auto;
padding: 0 3%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; } }
.navigation__item:not(:last-child) {
border-bottom: 1px solid #308080; }
@media screen and (min-width: 783px) {
.navigation__item:not(:last-child) {
border-bottom: none; } }
.navigation__item.has-children {
position: relative;
padding-right: 44px; }
.navigation__item.has-children:before, .navigation__item.has-children:after {
content: " ";
display: table; }
.navigation__item.has-children:after {
clear: both; }
@media screen and (min-width: 783px) {
.navigation__item.has-children {
position: static;
padding-right: 0; } }
.navigation__link {
color: #fff;
font-size: 16px;
text-decoration: none;
text-transform: uppercase;
font-family: 'ProximaNova-Regular', Helvetica, sans-serif;
display: block;
padding: 12px 0 10px;
white-space: nowrap; }
@media screen and (min-width: 783px) {
.navigation__link {
padding: 32px 18px; } }
@media screen and (min-width: 783px) and (max-width: 900px) {
.navigation__link {
padding: 32px 8px; } }
@media screen and (min-width: 901px) and (max-width: 950px) {
.navigation__link {
padding: 32px 12px; } }
@media screen and (min-width: 783px) {
.navigation__item:hover .navigation__link {
background-color: #005f65; } }
.is-active > .navigation__link {
background-color: #005f65;
font-family: 'ProximaNova-Bold', Helvetica, sans-serif; }
.navigation__sub-navigation-trigger {
position: absolute;
right: 0;
top: 0;
height: 44px;
width: 44px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
@media screen and (min-width: 783px) {
.navigation__sub-navigation-trigger {
display: none; } }
.navigation__header {
height: 60px;
padding: 0 3%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
@media screen and (min-width: 783px) {
.navigation__header {
padding: 0;
height: 86px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; } }
.navigation__list {
padding: 0 3%;
box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.2);
background: #005f65; }
@media screen and (min-width: 783px) {
.navigation__list {
padding: 0;
background: transparent; } }
/*----------------------------------------------------------------------
Site - Document container
----------------------------------------------------------------------*/
.site-hd:before, .site-hd:after {
content: " ";
display: table; }
.site-hd:after {
clear: both; }
.site-bd {
margin-bottom: 60px; }
.site-ft {
margin-bottom: 10px; }
/*----------------------------------------------------------------------
SUBNAVIGATION
----------------------------------------------------------------------*/
.sub-navigation {
margin-right: -44px;
margin-bottom: 12px; }
@media screen and (min-width: 783px) {
.sub-navigation {
margin-right: 0;
position: absolute;
left: 0;
right: 0;
overflow: hidden;
z-index: 5;
background: #005f65;
display: none; } }
@media screen and (min-width: 783px) {
.navigation__item:hover .sub-navigation, .is-active > .sub-navigation {
display: block; }
.navigation__item:hover .sub-navigation {
z-index: 2; }
.is-active > .sub-navigation {
z-index: 1; } }
.sub-navigation__list {
padding: 0 3%; }
@media screen and (min-width: 783px) {
.sub-navigation__list {
max-width: 940px;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; } }
.sub-navigation__link {
color: #fff;
font-family: 'ProximaNova-Regular', Helvetica, sans-serif;
font-size: 14px;
text-decoration: none;
text-transform: uppercase;
display: block;
padding: 7px 0 7px; }
@media screen and (min-width: 783px) {
.sub-navigation__link {
display: block;
padding: 15px;
font-size: 12px; } }
@media screen and (min-width: 783px) and (max-width: 900px) {
.sub-navigation__link {
padding: 15px 8px; } }
@media screen and (min-width: 901px) and (max-width: 950px) {
.sub-navigation__link {
padding: 15px 13px; } }
@media screen and (min-width: 783px) {
.sub-navigation__link.is-active, .sub-navigation__link:hover {
background: #308080;
font-family: 'ProximaNova-Bold', Helvetica, sans-serif; } }
.contact-form fieldset > div {
margin-bottom: 5px;
overflow: hidden; }
.form-actions {
float: right;
margin-top: 10px; }
.form-actions > *:first-child {
margin-right: 5px; }
.contact-us-form input[type="text"], .contact-us-form input[type="email"], .contact-us-form textarea {
width: 100%;
text-align: left;
box-sizing: border-box; }
/* forgive me for dumping styles at the bottom of the file like a rookie */
.accentBottom {
border-bottom: 80px solid #308080;
}
