Header Codes

// Slashy Navigation //

.header-nav-item:last-child a:after {content: " "; margin-left: 10px; color: black; }

.header-nav-item a:after { content: " |"; margin-left: 10px; color: black; }

// Remove Slash From Folder Nav //

.header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item a:after { content: "" !important; }

// Remove Active Nav Line //

.header-nav-item--active a { background-image: none !important; }

/* change header nav active style */

.header-nav-item--active a { color: #3d717f !important; background-image: none !important; }

.header-nav-wrapper a:hover { color: #3d717f !important; }

//Stylized Folder Dropdown Menu

@linkBGColor: #D3E0E5 ;

@linkTextColor: #2C2F31;

.header-nav .header-nav-item--folder .header-nav-folder-content { padding: 0!important;

.header-nav-folder-item a { padding: 1em !important; border-bottom:.5px solid #333 }

.header-nav-folder-item a:hover { background: @linkBGColor!important; color: @linkTextColor!important; } }

.header-actions .btn:hover { border-radius: 0px; -webkit-transition: ease-in-out 0.5s !important; -moz-transition: ease-in-out 0.5s !important; -ms-transition: ease-in-out 0.5s !important; -o-transition: ease-in-out 0.5s !important; transition: ease-in-out 0.5s !important; }

.header-actions .btn:hover{ border-radius: 50px; -webkit-transition: ease-in-out 0.5s !important; -moz-transition: ease-in-out 0.5s !important; -ms-transition: ease-in-out 0.5s !important; -o-transition: ease-in-out 0.5s !important; transition: ease-in-out 0.5s !important; }

/* Hide Announcement bar close */

.sqs-announcement-bar-close {display: none}

/* SOCIAL ICONS */

.header-actions .icon--fill svg{fill:#2c3033!important}

.header-actions .icon--fill svg:hover{fill:#2C2F31!important}

/* Social Icons */

.sqs-use--icon {fill: #38475B!important;}

.sqs-use--mask {fill: #8CB175!important;}

/* Split Longer Menu Titles to two lines https://forum.squarespace.com/topic/154205-i-need-a-new-method-for-adding-line-breaks-to-navigation-titles/ */

.header .header-nav-item a {   max-width: 180px; } .header-nav-list>div {   white-space: normal; } .header-nav-item, .user-accounts-text-link, .cart-text-link {   line-height: 1.3em; }