/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
/*REMOVED: ol, ul, li, b, u, i, em, strong*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
b, strong {
font-weight: bold;
}
i, em {
font-style: italic;
}
/* Custom Colors */
.has-bta-summer-nights-color {
color: #005172;
}
.has-bta-summer-nights-background-color {
background-color: #005172;
}
.has-bta-babson-green-color {
color: #006644;
}
.has-bta-babson-green-background-color {
background-color: #006644;
}
.has-bta-englewood-cliffs-color {
color: #6C6F70;
}
.has-bta-englewood-cliffs-background-color {
background-color: #6C6F70;
}
.has-bta-alfresco-color {
color: #567B8A;
}
.has-bta-alfresco-background-color {
background-color: #567B8A;
}
.has-bta-courtyard-green-color {
color: #597C31;
}
.has-bta-courtyard-green-background-color {
background-color: #597C31;
}
.has-bta-ocre-dark-color {
color: #8E7200;
}
.has-bta-ocre-dark-background-color {
background-color: #8E7200;
}
.has-bta-peacock-blue-dark-color {
color: #368180;
}
.has-bta-peacock-blue-dark-background-color {
background-color: #368180;
}
.has-bta-ocre-color {
color: #AD9001;
}
.has-bta-ocre-background-color {
background-color: #AD9001;
}
.has-bta-sherwood-green-color {
color: #9EB28F;
}
.has-bta-sherwood-green-background-color {
background-color: #9EB28F;
}
.has-bta-mango-punch-color {
color: #EEAF00;
}
.has-bta-mango-punch-background-color {
background-color: #EEAF00;
}
.has-bta-sweet-daphne-color {
color: #CCD695;
}
.has-bta-sweet-daphne-background-color {
background-color: #CCD695;
}
.has-bta-bright-gold-color {
color: #E0D464;
}
.has-bta-bright-gold-background-color {
background-color: #E0D464;
}
.has-bta-blue-heather-color {
color: #C6D3D7;
}
.has-bta-blue-heather-background-color {
background-color: #C6D3D7;
}
.has-bta-cedar-key-color {
color: #DAD7CB;
}
.has-bta-cedar-key-background-color {
background-color: #DAD7CB;
}
.has-bta-beach-haven-color {
color: #EDE8C4;
}
.has-bta-beach-haven-background-color {
background-color: #EDE8C4;
}
.has-bta-sweet-daphne-lt-color {
color: #EEF1DC;
}
.has-bta-sweet-daphne-lt-background-color {
background-color: #EEF1DC;
}
.has-bta-blue-heather-lt-color {
color: #EEF2F3;
}
.has-bta-blue-heather-lt-background-color {
background-color: #EEF2F3;
}
.has-bta-cedar-key-lt-color {
color: #F4F3EF;
}
.has-bta-cedar-key-lt-background-color {
background-color: #F4F3EF;
}
body {
font-family: 'Zilla Slab', serif;
font-size: 16px;
line-height: 1.2;
}
h1,h2,h3,h4,h5,h6{
font-family: 'Oswald', sans-serif;
margin: 1rem 0 .5rem 1rem; /*TODO: why am i doing this??? */
}
h1{
font-size: 5em;
}
h2{
font-size: 2.5em;
}
@media screen and (min-width: 768px) {
h2{
font-size: 3em;
}
}
h3{
font-size: 2em;
}
h4{
font-size: 1em;
}
h5{
font-size: 1em;
}
h6{
font-size: 1em;
}
p {
font-size: 1.5em;
}
/* NOTE: Most of the time will be in a container (e.g. column) which will specify the
/* spacing (e.g. margins) but in those cases where the
is outside a container
/* (i.e. directly in the
) then give it some margin so it looks ok. */
body > p {
margin: 0 1rem 1rem 1rem;
}
@media screen and (min-width: 768px) {
p {
font-size: 1.5em;
line-height: 1.3;
}
li{
font-size: 1.5em;
}
}
/*TODO: testing for With Honors*/
.with-honors .wp-block-stackable-text:first-child p:first-line{
font-size: 1.5em;
color: #005172;
}
/* $babson-serif: 'Zilla Slab', serif; */
/* $babson-sans-serif: 'Oswald', sans-serif; */
/*h2{
font-size: 2em;
color: #597c31;
line-height: 1.2;
}*/
.alignnone{
margin: .5rem 0 1rem;
}
.alignleft{
float:left;
margin: .5rem 1rem 1rem 0;
}
.alignright{
float:right;
margin: .5rem 0 1rem 1rem;
}
.aligncenter{
margin: .5rem auto 1rem;
}
.wp-element-caption{
color: #666666;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.full-width-on-mobile figure{
float: none !important;
width: 100% !important;
margin: 0 !important;
}
.full-width-on-mobile figure img{
width: 100% !important;
}
}
.hide-on-mobile{
display:none;
}
@media screen and (min-width: 768px){
.hide-on-mobile{
display:unset;
}
}
/*TODO: These are corrections for the footer */
.footer .footer-elements h3 {
color: #fff;
font-weight: 700;
text-transform: uppercase;
font-size: 1.5rem;
margin: 0 0 1rem;
}
.footer .footer-elements li{
font-size: 1.1rem;
}
/*TODO: These are corrections for "More from..." links */
.post-categories,
.post-tags,
.article-more-from-category,
.sharedaddy{
max-width: 1200px;
margin: 1rem auto;
padding: 0 1.5rem;
}
.post-categories,
.post-tags{
font-size: 1.1em;
}
.post-categories a,
.post-tags a{
color: #004e74;
}
.article-more-from-category a{
color: #064;
}
/*TODO: These are corrections for latest stories */
.latest-stories{
max-width:1200px;
padding: 0 1.5rem;
}
.latest-stories h3{
margin: 0 0 .2rem;
font-weight: 700;
text-transform: uppercase;
color: #064;
}
@media screen and (min-width: 768px) {
.latest-stories{
margin: 1rem auto;
max-width:1200px;
}
}
/*TODO: These are corrections for (jetpack) related posts */
#jp-relatedposts{
margin: 0 auto;
max-width: 1200px;
padding: 0 1.5rem;
}
#jp-relatedposts h4{
margin:0;
}
#jp-relatedposts h3{
margin: 0 0 .2rem;
font-weight: 700;
text-transform: uppercase;
color: #064;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-a .jp-relatedposts-post-img{
height: auto;
}
/*NOTE: accessability fixes*/
.sd-social-icon .sd-content ul li[class*=share-] a.sd-button{
text-align: center;
}
.sd-social-icon .sd-content ul li[class*=share-] a.sd-button:before{
font-size: 30px;
top: 6px !important;
}
.sd-social-icon .sd-content ul li[class*=share-] a.sd-button{
min-width: 44px;
min-height: 44px;
background-color: #064 !important;
color: #FFF !important;
}
.sharedaddy .sd-content li a{
padding: 0 !important;
}