html {
/* Setting a background on means that a background
on does not get set on */
background-color: white;
height: 100%;
}
/* body */
body {
/* Act as position parent */
position: relative;
padding-top: 4.375rem;
/* Insist that body fills the window */
min-height: 100%;
/* The document should have a minimum height that allows
it space for it's absolutely positioned children */
/*min-height: 50rem;*/
color: #262626;
background-color: white;
background-size: cover;
background-position: 50% 50%;
}
body>.site-header {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 4;
}
@media screen and (min-width: 48em) {
body>.site-header {
position: fixed;
}
}
/* header */
.site-header {
height: 4.375rem;
background-color: rgba(255, 255, 255, 0.82);
}
.site-header>.logo-thumb {
margin-top: 0.9375rem;
margin-left: 1.25rem;
}
.site-header .fb-logo-thumb,
.site-header .ig-thumb,
.site-header .tt-thumb {
display: none;
}
@media screen and (min-width: 22.5em) {
.site-header .fb-logo-thumb,
.site-header .ig-thumb,
.site-header .tt-thumb {
display: inline-block;
}
.site-header .fb-logo-thumb {
margin-top: 13px;
margin-left: 1.25rem;
position: absolute;
right: 10.375rem;
scale: 1.25
}
.site-header .ig-thumb {
margin-top: 14px;
margin-left: 1.25rem;
position: absolute;
right: 13rem;
}
.site-header .tt-thumb {
margin-top: 9px;
margin-left: 1.25rem;
position: absolute;
right: 8.125rem;
}
}
.site-header>.nav-thumb,
.site-header>.search-thumb {
top: 0.3125rem;
}
.site-header>.nav-thumb {
position: absolute;
right: 1.25rem;
}
.site-header>.search-thumb {
position: absolute;
right: 5rem;
}
@media screen and (min-width: 50em) {
.site-header>.logo-thumb {
position: absolute;
left: 50%;
top: 0.9375rem;
margin-top: 0;
margin-left: -11.25rem;
}
}
/* footer */
.site-footer {
position: relative;
min-height: 5.625rem;
background-color: #efefef;
padding-top: 2.25rem;
padding-bottom: 1rem;
border-top: 1.25rem solid white;
color: #5e5e5e;
/* hiding because it's annoying the heck out of me */
/* display:none; */
}
.site-footer>.wrap {
padding-bottom: 2.25rem;
}
@media screen and (min-width: 48rem) {
.site-footer {
border-top: 2.3rem solid white;
}
/* https://basecamp.com/2634314/projects/7924179/todos/181642092 */
.site-footer>.wrap {
padding-bottom: 0.5rem;
}
}
/* wrap */
.site-wrap {
margin-left: 1.25rem;
margin-right: 1.25rem;
}
.slide-wrap+.slide-wrap {
margin-top: 1rem;
}
.slide-wrap {
margin-left: 0;
margin-right: 0;
overflow: hidden;
background-color: #cccccc;
}
.slide-wrap>.dot-index {
position: absolute;
bottom: 3rem;
left: 0;
right: 0;
height: 0;
text-align: center;
z-index: 3;
}
body>.grid-wrap,
.white-block>.grid-wrap,
.site-footer>.grid-wrap {
margin-left: 0.625rem;
margin-right: 0.625rem;
}
@media screen and (min-width: 37.5em) {
.slide-wrap {
margin-left: 1.25rem;
margin-right: 1.25rem;
}
}
.wrap .text-block .slide-wrap {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.text-block * + .slide-wrap,
.text-block .slide-wrap + * {
margin-top: 1.25rem;
}
@media screen and (min-width: 60em) {
.site-wrap,
.slide-wrap {
width: calc(83.3333% - 1.25rem);
max-width: 73.75rem;
margin-left: auto;
margin-right: auto;
}
body>.grid-wrap,
.white-block>.grid-wrap,
.site-footer>.grid-wrap {
width: 83.3333%;
max-width: 75rem;
margin-left: auto;
margin-right: auto;
}
}
/* index */
/* thumb */
.logo-thumb {
padding-top: 2.5rem;
width: 5.9375rem;
background-image: url('/static/images/sprites.svg?v=20241104');
background-position: -16.25rem 0.4375rem;
background-size: 22.5rem auto;
background-color: transparent;
}
@media screen and (min-width: 36em) {
.logo-thumb {
width: 22.5rem;
background-position: 0 0.4375rem;
}
}
.nav-thumb {
padding-top: 3.75rem;
width: 3.75rem;
background-image: url('/static/images/sprites.svg?v=20241104');
background-position: 0 -18.75rem;
background-color: transparent;
background-size: auto;
}
.nav-thumb.on {
background-position: -3.75rem -18.75rem;
}
.more-thumb {
padding-top: 50px;
width: 80px;
background-image: url('/static/images/sprites.svg?v=20241104');
background-position: 0.125rem -4.8125rem;
background-color: transparent;
background-size: auto;
}
.mobimo-thumb {
padding-top: 2.1875rem;
width: 6.6875rem;
background-image: url('/static/images/sprites.svg?v=20241104');
background-position: -7.25rem -4.5rem;
background-color: transparent;
background-size: auto;
}
/* button */
.button {
text-align: left;
white-space: normal;
}
/* toolbar login form */
#cms_toolbar .cms_form-login label {
width: auto;
}
/* resposive embeds */
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}