// 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;
}
}
Negotiating: The First Move
Buyers commonly make the first move in a transaction. As a seller, this often catches us off guard (in a good or bad way). In this episode, we discuss how to digest an initial offer and the importance of communicating our expectations clearly and transparently. Discussion with Brent Beshore and Emily Holdman starts @ 1:34.
Book: The Messy Marketplace
To learn more, follow us on Twitter and LinkedIn .
Don't forget to subscribe to the Permanent Playbook newsletter.