Annual Letters & Mid-Year Updates
Latest
Content Library
Past Letters
Featured
// NEW CODE // // NAVIGATION // .header-nav { a { text-transform: uppercase !important; font-size: 0.9rem; font-weight: 700 !important; letter-spacing: 0.08rem !important; color: #282e3a !important; } } .header-nav-folder-content a { color: white !important; } .header-nav-folder-content { background: #282e3a !important; } .system-page { background: white !important; .sqs-title, .sqs-content { color: #282e3a !important; } } //White Logo & Nav Elements on These Sections .dark,.dark-bold,.black,.black-bold { &.header .header-title-logo a { content: url('https://images.squarespace-cdn.com/content/63afabe91502f560414e426d/3f6454d1-192a-4b63-973c-5a2c6717a1a2/Full+Logo_Horizontal+-+Inverted+w+Transparent+Background+No+Padding.png?content-type=image%2Fpng'); } .header-nav a { color: white !important; } .header-nav-folder-content { background: white !important; } .header-nav-folder-item a { color: #282e3a !important; } } /* hide current image */ body.header--menu-open .header-title-logo img { visibility: hidden; } /* set new image on burger menu click */ body.header--menu-open .header-title-logo a { background-image: url(https://images.squarespace-cdn.com/content/63afabe91502f560414e426d/3f6454d1-192a-4b63-973c-5a2c6717a1a2/Full+Logo_Horizontal+-+Inverted+w+Transparent+Background+No+Padding.png?content-type=image%2Fpng); background-size: cover; background-repeat: no-repeat; } // END NAVIGATION // // BUTTONS // // Small buttons .sqs-block-button-element--small { text-transform: uppercase !important; letter-spacing: 0.08rem !important; } // Medium buttons .sqs-block-button-element--medium { text-transform: uppercase !important; letter-spacing: 0.08rem !important; } // Large buttons .sqs-block-button-element--large { text-transform: uppercase !important; letter-spacing: 0.08rem !important; } .header-actions-action .btn { text-transform: uppercase !important; font-weight: 700 !important; letter-spacing: 0.08rem !important; } // Make all buttons the same width on desktop and 100% wide on mobile div[class^="sqs-block-button-container"], .image-button, .image-button.sqs-dynamic-text { a { min-width: 100px; padding: 1.2rem 1.5rem !important; @media screen and (max-width: 768px) { padding: 1.2rem 0 !important; min-width: 100%; width: 100%; } } } // Newsletter block buttons .newsletter-block { .newsletter-form-button-wrapper { @media screen and (max-width: 768px) { width: 100%; } .newsletter-form-button { min-width: 150px; padding: 1.2rem 4rem !important; @media screen and (max-width: 768px) { padding: 1.2rem 0 !important; width: 100%; } } } } // END BUTTONS // TEXT STYLES h1 { font-weight: 700 !important; line-height: 3.4rem !important; letter-spacing: 0.1rem !important; text-transform: uppercase !important; } h2 { font-size: 2.1rem; font-weight: 600 !important; line-height: 2.6rem !important; text-transform: uppercase !important; letter-spacing: 0.1rem !important; } .list-item-content__title { line-height: 2.5rem !important; margin-bottom: 1rem !important; } // BLOG // .blog-title { letter-spacing: -0.01rem !important; font-weight: 600 !important; line-height: 1.7rem !important; padding: 12px !important; margin: 0 !important; } .blog-item-title h1 { letter-spacing: -0.01rem !important; text-transform: uppercase !important; } .blog-single-column--text { border-bottom: 1px solid black; } .blog-item-wrapper h2 { font-size: 2rem; font-weight: 600 !important; line-height: 2.5rem !important; text-transform: none !important; letter-spacing: 0rem !important; } .blog-item-wrapper .blog-item-tag-wrapper { display: none !important; } article.blog-single-column--container.entry.blog-item.is-loaded>div:first-child { display: none; } .blog-article-spacer { display: none !important; } // Finding Middle Ground Styling Updates // #collection-63b9c03e38d0fd0d418b007b { #itemPagination { display: none !important; } } #collection-63b9c03e38d0fd0d418b007b footer { .content { background: #282e3a !important; } } .item-pagination[data-collection-type^="blog"] { margin-bottom: 0rem; } // BLOG END // // QUOTE // .sqs-block-quote figcaption { margin-top: 1rem !important; text-align: left !important; line-height: 1.8rem !important; } // QUOTE END // // SUMMARY BLOCK WIDTH FIX // section[data-section-id="63c44dd56134df40fd82511e"] .content-wrapper { min-width:0; } section[data-section-id="63c4537bc943da1a9740b271"] .content-wrapper { min-width:0; } section[data-section-id="63c45397bedc6078270628ab"] .content-wrapper { min-width:0; } #collection-63b9dd218f899869a819242a .content-wrapper { min-width:0; } // END SUMMARY BLOCK WIDTH FIX // // OLD SQUARESPACE 7.0 CODE // p, h1, h2, h3 { -moz-hyphens: none; -ms-hyphens: none; -webkit-hyphens: none; hyphens: none; } /* p.callout { margin:5%; border-top:3px solid #cca33e; border-bottom:3px solid #cca33e; padding-top:20px; padding-bottom:20px; font-weight:700; } */ // Text Highlight Selection Color // ::selection { background: #CCA33E; color: #282E3A; } ::-moz-selection { background: #CCA33E; color: #282E3A; } /* Plugin Sidebar - Custom Styles */ html .sidebar::before { content: '{"breakpoint":"500px","positionOnMobile":"bottom","sticky":"no","stickyTop":"20px"}'!important; } /* end Plugin Sidebar - Custom Styles */ /* Blog Footer CSS */ .blogFooter {padding: 20px; background-color: rgb(255, 255, 255);} /* End Blog Footer CSS */ // Bottom Announcement Bar // .sqs-announcement-bar-dropzone { min-height: 0em !important; } .sqs-announcement-bar { margin: 0px; bottom: 0px; width: 100% !important; position: fixed; top: initial !important; } @media only screen and (max-width: 767px) { h1 { line-height: 2.2rem !important; } } //Pop-up on hover// .popup { visibility:hidden; /*style of the popup*/ padding: 1rem; background-color: #cca33e; border: 1px solid #ccc; box-shadow: 5px 5px 15px #ccc; border-radius: 6px; opacity:.9; /*placement of the popup*/ display: inline-block; position:relative; top:1rem; left:-5% } .text:hover .popup { visibility:visible; } .sqs-widgets-audio-player {background:transparent!important} .sqs-widgets-audio-player .title-wrapper .title, .sqs-widgets-audio-player .artistName, .sqs-widgets-audio-player .time{color:#cca33e!important} .sqs-widgets-audio-player .action .play-button {border-left-color:#cca33e!important} .sqs-widgets-audio-player .action .pause{border-color:#cca33e!important} .sqs-widgets-audio-player .artistName {text-transform:uppercase; letter-spacing: .1rem; font-size: .75rem} /*Accordion Style - Highlight on Hover*/ .accordion-items-container { --background: hsla(0, 0%, 100%, 1); --text-color: #282e3a; /*Defaults*/ .accordion-item{ margin:0px -17px; } .accordion-item > * { padding:0px 17px; } /*Hover State*/ .accordion-item:hover { background:var(--background); } .accordion-item:hover button * { color: var(--text-color); } /*Active State*/ .accordion-item[data-is-open="true"] { background: var(--background); } .accordion-item[data-is-open="true"] button * { color: var(--text-color); } .accordion-item[data-is-open="true"] .accordion-item__dropdown * { color: var(--text-color); } } /*Vertical Video*/ .sqs-native-video .native-video-player { padding-bottom: 100% !important; } /*Vertial Timeline*/ div.wm-timeline{ --media-size: 12px; --media-border:3px; --space-between: 100px; --space-between-events: 34px; --offset: 25px; --arrow-size: 17px; --timeline-width: 3px; --border-radius: 0px; --mobile-space-between: 35px; --mobile-media-size: 12px; --mobile-arrow-size: 12px; } /** * Image Zoom & Follow Plugin * PluginSettings * From Will-Myers.com */ @media screen and (min-width: 600px) {section[data-section-id="663004891a923c4a8e874116"], section[data-section-id="663004d85150c902e424e3e9"], section[data-section-id="663005947d676a17f66adc95"], section[data-section-id="663006053644fb2bb5b79629"], section[data-section-id="66300666fb65711f507ac653"], section[data-section-id="6630071e92f7ca0a0984e879"], section[data-section-id="66300784b7f3694b18c13547"], section[data-section-id="663007dc43a2a603657eed13"], section[data-section-id="6630081d2c073016d28547ee"], section[data-section-id="6630088564b7d85565cd904a"], section[data-section-id="663008bb91659c6356592a8b"], section[data-section-id="663008df91659c63565934a7"], section[data-section-id="66300909affe143d612ecd04"], section[data-section-id="6630093b001b45618ac06c60"], section[data-section-id="663009734f08e1575250df7c"], section[data-section-id="663009b9b7f3694b18c2054d"], section[data-section-id="66300a223644fb2bb5b91b43"], section[data-section-id="66300a6efee3403bcf8c5d76"], section[data-section-id="66300a9d37fbc27627c5fd53"]{ --wm-image-zoom: true; --cursor: dot; --cursor-size: 10px; --cursor-color: #cca33e; --scale-amount: 1.3; } } /*Secondary Nav for dictionary*/ .wm-subnav-item{ font-size:10px; } #wm-subnav .wm-secondary-container { padding-top: .1rem; padding-bottom: .1rem; } #wm-subnav .header-nav-list-item.wm-subnav-item a { padding: 0px; line-height: 100%; } div[data-wm-plugin="vertical-accordions"] { --va-panel-1-background: #282e3a; --va-panel-2-background: #282e3a; --va-panel-3-background: #282e3a; --va-panel-4-background: #282e3a; --va-panel-5-background: #282e3a; --va-panel-6-background: #282e3a; --va-panel-7-background: #282e3a; --va-panel-8-background: #282e3a; } [data-wm-plugin="vertical-accordions"] .accordion-title .text{ --va-accordion-title-size: 1.2em; --va-accordion-title-color: white; } /* ---- Square Refresh - Hover ---- */ //Title .square-hover a.summary-title-link { color: #cca33e; font-size: size; font-family: Raleway; pointer-events: none; //Delete To Enable Clickthrough } //Line .square-hover a.summary-title-link:after { background-color: COLOR; height: SIZE; //Line Weight max-height: SIZE; //Line Weight } //Image Aspect Ratio div.square-hover__imgs-wrap { padding-bottom: 56.25%; //16:9 } /* Change Image on Hover */ //Alex// #block-f10f12c80506d46809d1 { opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } #block-f10f12c80506d46809d1:hover { opacity: 1; } // Brent// #block-c2898396ee2be83c5598 { opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } #block-c2898396ee2be83c5598:hover { opacity: 1; } // Bryce// #block-b49aaacadbdc062abd98 { opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } #block-b49aaacadbdc062abd98:hover { opacity: 1; } //Danny// #block-31645f11cfdcdee4c5af { opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } #block-31645f11cfdcdee4c5af:hover { opacity: 1; } //Emily// #block-2078389c950bc4767fe7 { opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } #block-2078389c950bc4767fe7:hover { opacity: 1; } //Garrett// #block-yui_3_17_2_1_1740060705929_40178 { opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } #block-yui_3_17_2_1_1740060705929_40178:hover { opacity: 1; } //Holly// #block-yui_3_17_2_1_1740060705929_42454 { opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } #block-yui_3_17_2_1_1740060705929_42454:hover { opacity: 1; } //Jenny// #block-yui_3_17_2_1_1740060705929_45521 { opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } #block-yui_3_17_2_1_1740060705929_45521:hover { opacity: 1; } //Lori// #block-yui_3_17_2_1_1740060705929_48504 { opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } #block-yui_3_17_2_1_1740060705929_48504:hover { opacity: 1; } //Nikki// #block-yui_3_17_2_1_1740060705929_51732 { opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } #block-yui_3_17_2_1_1740060705929_51732:hover { opacity: 1; } //Ryan// #block-yui_3_17_2_1_1740060705929_54522 { opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } #block-yui_3_17_2_1_1740060705929_54522:hover { opacity: 1; } //Sarah G-W// #block-yui_3_17_2_1_1740060705929_58105 { opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } #block-yui_3_17_2_1_1740060705929_58105:hover { opacity: 1; } //Sarah S// #block-yui_3_17_2_1_1740060705929_60460 { opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } #block-yui_3_17_2_1_1740060705929_60460:hover { opacity: 1; } //Taylor// #block-yui_3_17_2_1_1740060705929_62738 { opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } #block-yui_3_17_2_1_1740060705929_62738:hover { opacity: 1; } //Tim// #block-yui_3_17_2_1_1740060705929_66515 { opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } #block-yui_3_17_2_1_1740060705929_66515:hover { opacity: 1; } @media(min-width:767px) { .col.wm-sticky-column { position:sticky; top: 100px; } }