*
* ----------------------------------------------------------------------------- */
.s-wrapper {
position: relative;
width: 100%;
padding-top: 60px;
padding-bottom: 60px;
}
.s-wrapper--no-padding {
padding-top: 0;
padding-bottom: 0;
}
/* -----------------------------------------------------------------------------
*
* Section: Header
*
* ----------------------------------------------------------------------------- */
.s-header {
padding-bottom: 22px;
position: relative;
z-index: 1;
}
.s-header--inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: auto;
margin-right: auto;
padding-left: 25px;
padding-right: 25px;
}
.s-header--inner:after {
content: '';
display: table;
clear: both;
}
@media (min-width: 768px) {
.s-header--inner {
max-width: 1128px;
padding-left: 32px;
padding-right: 32px;
}
}
.s-header--inner--no-padding {
max-width: 1192px;
margin-left: auto;
margin-right: auto;
padding: 0;
}
.s-header--no-padding {
padding: 0;
}
.s-header--border:before {
border-left: 1px solid #dddfe3;
content: "";
height: 300%;
left: 0;
position: absolute;
top: 0;
width: 1px;
}
/* -----------------------------------------------------------------------------
*
* Section: Titles
*
* ----------------------------------------------------------------------------- */
.s-title {
margin-bottom: 14px;
font-size: 52px;
font-weight: 900;
line-height: 1.192;
}
.t-content .s-title {
margin-top: 0;
}
.s-subtitle {
color: #0033a0;
display: block;
font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 1.5;
margin-bottom: 28px;
position: relative;
top: -2px;
}
@media (min-width: 768px) {
.s-subtitle {
font-size: 16px;
}
}
/* -----------------------------------------------------------------------------
*
* Section: Descriptions (This is the block of content after the panel title.)
*
* ----------------------------------------------------------------------------- */
.s-desc {
margin: 0 auto;
max-width: 800px;
}
.s-desc p {
font-size: 20px;
line-height: 1.5;
}
@media (min-width: 960px) {
.s-desc p {
font-size: 24px;
}
}
.s-desc p:only-of-type {
margin-bottom: 0;
}
/* -----------------------------------------------------------------------------
*
* Section: Content
*
* ----------------------------------------------------------------------------- */
.s-content {
position: relative;
z-index: 2;
}
/* -----------------------------------------------------------------------------
*
* Section: Footer
*
* ----------------------------------------------------------------------------- */
.s-footer {
padding-top: 60px;
text-align: center;
}
/* Content */
/* -------------------------------------------------------------------------
*
* Content: "Kitchen Sink"
*
* Notes:
* + "t-content" is what used to be "context-content"
*
* ------------------------------------------------------------------------- */
/* CASE: remove top margin from first element */
.t-content > *:first-child {
margin-top: 0;
}
/* CASE: remove bottom margin from bottom element */
.t-content > *:last-child {
margin-bottom: 0;
}
/* -------------------------------------------------------------------------
*
* Theme: Dark
*
* Notes:
* + Used by default in general, so not much probably needed here
* + This can be used anywhere or can be paired up with .t-content
* + Also see the other base partials for use of this class as a parent
* selector (media, typography, etc.)
*
* Example:
*
* ...
*
* ...
*
*
*
* Example:
*
* ...
*
*
* ------------------------------------------------------------------------- */
.t-content--dark {}
/* -------------------------------------------------------------------------
*
* Theme: Light
*
* Notes:
* + This can be used anywhere or can be paired up with .t-content
* + Also see the other base partials for use of this class as a parent
* selector (media, typography, etc.)
*
* Example:
*