/*
//Stylized Folder Dropdown Menu
@linkBGColor: #ffffff;
@linkTextColor: #000000;
.header-nav .header-nav-item--folder .header-nav-folder-content {
padding: 0 !important;}
.header-nav-folder-item a {
padding: .5em 1em!important;
}
.header-nav-folder-item a:hover {
background: #F2EEEB;
color: #000000;
}
.nav-style-full-background .nav-folder-link {
color: #F2EEEB !important;
border-color: #F2EEEB!important;
padding:12px 25px;
}
.nav-style-full-background .nav {
background-color: ##F2EEEB!important;
}
.nav-style-full-background .nav-folder-list {
background-color: ##F2EEEB!important;
}
body{
background-color:##F2EEEB ;
}
.nav{
width: 100%;
position: fixed;
background-color: #F2EEEB !important;
top: 0;
z-index: 8675409;
}
footer{
background-color:#F2EEEB !important ;
}
.nav-mobile-menu-label .svg-fallback {
display: fixed !important;
color: #F2EEEB !important;
}
.nav-link {
color: #000000;
}
.nav-folder-mobile-plus-icon:after {
color: #000000 !important;
}
.nav-folder-container, .footernav-folder-container {
top: 69% !important; }
.nav-style-full-background .nav-folder-list {
border-color:#F2EEEB !important;
}
.nav-folder-list:before {
border-bottom: 8px solid #F6F2ED !important;
top: -9px !important;
}
/* this is code wriiten by "MuzamilImam"
on 12-30-2023 for the header to stop it from hidding the banner * /
/* Set text color to black * /
.nav-link{
color: black;
};
.nav-folder-link-text {
color: black;
}
/* set the navigation menu text color to black * /
html:not(.tablet-breakpoint-mixin) .nav-style-full-background .nav-link {
color: #000;
}
@media (max-width: 724px) {
/* this is for centring the navigation menu in mobile* /
.tablet-breakpoint-mixin .nav-list, .tablet-breakpoint-mixin .catnav-list, .tablet-breakpoint-mixin .footernav-list {
justify-content: center;
}
/* this is for the mobile navigation position issue of dropdown * /
.nav-mobile-header {
display: flex !important;
}
.nav-folder-container {
// position: absolute !important;
top: 100% !important;
}
.nav-folder-container {
background-color: #F2EEEB !important;
border: 0px solid #F2EEEB;
border-radius: 0px 0px 8px 8px !important;
// position: absolute !important;
// position: absolute !important;
}
.tablet-breakpoint-mixin .nav-folder-item, .tablet-breakpoint-mixin {
// border-bottom: 0.5px solid #d8d3d0 !important;
}
.tablet-breakpoint-mixin .nav-item{
border-bottom: 0px solid #d8d3d0 !important;
}
.tablet-breakpoint-mixin .nav-item:last-child{
border-bottom: 0.5px solid #d8d3d0 !important;
}
.tablet-breakpoint-mixin .nav-item:first-child{
border-top: 0px solid #d8d3d0 !important;
}
/* for the color of navigation menu * /
.tablet-breakpoint-mixin .nav-folder-mobile-checkbox:checked~.nav-folder-toplevel-link .nav-link-text {
border-bottom: none;
color: black !important;
}
/* Adjust the breakpoint as needed * /
.Header-nav-open-btn {
display: none !important;
}
// .nav-container {
// display: block !important;
// }
// .nav-list {
// display: flex !important; /* Or display: block; for vertical alignment * /
// }
// .nav-item {
// display: flex !important; /* Or display: inline-block; for vertical alignment * /
// }
/* this is for making the sub menu dropdown as visible* /
.tablet-breakpoint-mixin .primary-wrapper {
overflow: visible !important;
}
}
/* give the black color to the navigation menu text in mobile* /
.tablet-breakpoint-mixin .nav-link {
/* border-top: 1px solid rgba(245,240,235,.05); * /
color: #000000;}
//.tablet-breakpoint-mixin .nav-item, .tablet-breakpoint-mixin .footernav-item {
// flex-direction: column;
//}
/* this is for the images gallery on the page our work photography written by muzamil to make three images in desktop * /
.sqs-gallery-block-grid .sqs-gallery-design-grid {
margin-right: -30px;
display: flex;
flex-wrap: wrap;
}
.sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-1 .sqs-gallery-design-grid-slide {
width: 33% !important;
}
.sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor[href] img {
cursor: pointer;
width: 100% !important;
/* height: auto !important; * /
position: unset !important;
}
/*
.sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor {
padding-bottom: 100%;
width: 100%;
height: auto !important;
padding-bottom: 10px !important;
display: block;
cursor: default;
border-bottom: none;
}
* /
/* media querry for gallery of photography page * /
@media only screen and (max-width: 450px) {
.sqs-gallery-block-grid .sqs-gallery-design-grid {
margin-right: -30px;
display: flex;
flex-wrap: wrap;
}
.sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-1 .sqs-gallery-design-grid-slide {
width: 100% !important;
}
.sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor[href] img {
cursor: pointer;
width: 100% !important;
//height: auto !important;
position: unset !important;
}
}
/* for the header to stop it from hidding the bener * /
nav.nav{
position: relative !important;
}
/* sub menu clossing with clicking outside the main and submenu * /
/* for making the order of the tagline and the site title and then navigation menu * /
body {
display: flex;
flex-direction: column;
}
div#yui_3_17_2_1_1705302607114_833{
order: -3;
}
body:not(.sqs-seven-one) .sqs-announcement-bar {
background: #5a0242;
order: -3;
}
header.header {
order: -2;
}
nav.nav {
order: -1;
}
//Changes done by Muzamil:
.tablet-breakpoint-mixin .nav-list{
flex-wrap:wrap;
}
.tablet-breakpoint-mixin .nav-list > li{
}
html.tablet-breakpoint-mixin{
overflow-x:hidden;
}
.tablet-breakpoint-mixin body{
overflow-x:clip !important;
}
nav.nav{
position: sticky !important;
top: 50px;
}
@media(min-width:474px){
nav.nav{
top: 39px;
}
}
body > :first-child{
top:0;
}
@media(max-width:724px){
.sqs-announcement-bar-hidden + .nav {
top: 0;
}
}
.sqs-announcement-bar{
position:sticky;
top:0;
}
@media(min-width:725px){
nav.nav{
top:122px;
margin-top:-30px;
}
body > :first-child:has(.nav){
top:130px;
}
body > :first-child:has(.nav) + .header{
top:0;
}
.header{
position:sticky;
top:0;
z-index:11;
background-color:#F2EEEB;
//margin-top: -20px;
// padding-top: 50px;
}
.sqs-announcement-bar-hidden + .nav + .header {
top: 0;
}
.sqs-announcement-bar{
position:sticky;
top:0;
}
body .sqs-announcement-bar:not(.sqs-announcement-bar-hidden) + .nav{
top:132px;
}
body .sqs-announcement-bar:not(.sqs-announcement-bar-hidden) + .nav + .header{
top:20px;
}
.nav-container{
visibility:visible
}
.nav-folder-container{
margin-left:0;
transform: translateX(-50%);
}
.nav-folder:last-child .nav-folder-container{
margin-left: 8px;
}
.nav-folder-item{
background-color: transparent !important;
}
.nav-folder-list{
background-color: transparent !important;
}
.nav-folder-list:before{
border-color: transparent !important;
}
.nav-folder-container{
// position:relative;
}
.nav-list{
display: flex;
align-items: flex-start;
justify-content: center;
}
}
.tablet-breakpoint-mixin .nav-container{
height:0;
display:none !important;
}
.tablet-breakpoint-mixin .nav-container.loaded{
height:unset;
display:block !important;
}
.nav .tablet-breakpoint-mixin .nav-mobile-header{
display: flex;
align-items: center;
justify-content: center;
flex-direction: row-reverse;
background-color: #F2EEEB !important;
}
.tablet-breakpoint-mixin .nav-mobile-menu-label svg{
transform:scale(1.25);
}
.tablet-breakpoint-mixin .nav-mobile-menu-label path {
stroke: black;
fill: black;
}
.tablet-breakpoint-mixin .nav-mobile-checkbox:checked~.nav-mobile-header .nav-mobile-menu-label path{
stroke:black;
}
.tablet-breakpoint-mixin .nav-link{
padding: 14px !important;
text-align:right;
}
.tablet-breakpoint-mixin .nav-folder-mobile-menu-label{
padding: 0 !important;
}
.collection-type-page .content-legible{
max-width:1600px;
}
a.image-slide-anchor:hover{
opacity:1;
}
.sqs-lightbox-close:before{
color:black;
}
.yui3-lightbox2 .sqs-lightbox-next, .yui3-lightbox2 .sqs-lightbox-previous{
color:black;
}
.sqs-lightbox-meta{
display:none;
}
img.thumb-image {
object-fit: cover;
object-position: center;
}
.tablet-breakpoint-mixin .site-title-link{
font-size:30px;}
header.header{
z-index:111;
}
.tablet-breakpoint-mixin .catnav-link{
color:black;
}
.tablet-breakpoint-mixin .active-link .catnav-link{
color:#a39b92;
}
a.sqs-block-button-element--medium.sqs-button-element--primary.sqs-block-button-element{
text-wrap:wrap;
}
.productcrumb-list .productcrumb-item:first-child{
display:none;
}
@media only screen and (max-width: 450px){
.sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor[href] img {
// min-height: 581px !important;
}
}
nav.nav{
z-index:112;
}
//*::selection{
//background-color:#E3E7F6;
//}
.productpager-list{
display:none;
}
a,input[type="checkbox"],
button{
-webkit-tap-highlight-color: rgba(227,231,246,0.6);
}
.nav-mobile-menu-label{
-webkit-tap-highlight-color: transparent;
}
@media(min-width:725px){
main.content{
padding-top:20px;
}
}
// UGC Videos //
#block-yui 3_17_2 1 1678467929501 60614
{
display: none;
}
.tablet-breakpoint-mixin main .content-container:first-child{
padding-top:0;
margin-top:-10px;
}
.video-player .plyr{
position:static !important;
}
.sqs-native-video .native-video-player{
padding-top:0 !important;
}
*/
//Stylized Folder Dropdown Menu
@linkBGColor: #ffffff;
@linkTextColor: #000000;
.header-nav .header-nav-item--folder .header-nav-folder-content {
padding: 0 !important;}
.header-nav-folder-item a {
padding: .5em 1em!important;
}
.header-nav-folder-item a:hover {
background: #F2EEEB;
color: #000000;
}
.nav-style-full-background .nav-folder-link {
color: #F2EEEB !important;
border-color: #F2EEEB!important;
}
.nav-style-full-background .nav {
background-color: ##F2EEEB!important;
}
.nav-style-full-background .nav-folder-list {
background-color: ##F2EEEB!important;
}
body{
background-color:##F2EEEB ;
}
.nav-mobile-header{
background-color: ##F2EEEB !important;
}
.nav{
width: 100%;
position: fixed;
background-color: #F2EEEB !important;
top: 0;
z-index: 8675409;
}
footer{
background-color:#F2EEEB !important ;
}
.nav-mobile-menu-label .svg-fallback {
display: fixed !important;
color: #F2EEEB !important;
}
.nav-link {
color: #000000;
}
.nav-folder-mobile-plus-icon:after {
color: #000000 !important;
}
.nav-folder-container, .footernav-folder-container {
top: 69% !important; }
.nav-style-full-background .nav-folder-list {
border-color:#F2EEEB !important;
}
.nav-folder-list:before {
border-bottom: 8px solid #F6F2ED !important;
top: -9px !important;
}
/* this is code wriiten by "MuzamilImam"
on 12-30-2023 for the header to stop it from hidding the banner */
/* Set text color to black */
.nav-link{
color: black;
};
.nav-folder-link-text {
color: black;
}
/* set the navigation menu text color to black */
html:not(.tablet-breakpoint-mixin) .nav-style-full-background .nav-link {
color: #000;
}
@media (max-width: 730px) {
/* this is for centring the navigation menu in mobile*/
.tablet-breakpoint-mixin .nav-list, .tablet-breakpoint-mixin .catnav-list, .tablet-breakpoint-mixin .footernav-list {
justify-content: center;
}
/* this is for the mobile navigation position issue of dropdown */
.nav-folder-container, {
.nav-mobile-header {
display: flex !important;
}
position: absolute !important;
top: 100% !important;
}
.nav-folder-container {
background-color: #F2EEEB !important;
border: 0px solid #F2EEEB;
border-radius: 0px 0px 8px 8px !important;
position: absolute !important;
position: absolute !important;
}
.tablet-breakpoint-mixin .nav-folder-item, .tablet-breakpoint-mixin {
border-bottom: 0.5px solid #d8d3d0 !important;
}
/* for the color of navigation menu */
.tablet-breakpoint-mixin .nav-folder-mobile-checkbox:checked~.nav-folder-toplevel-link .nav-link-text {
border-bottom: none;
color: black !important;
}
/* Adjust the breakpoint as needed */
.Header-nav-open-btn {
display: none !important;
}
.nav-container {
display: block !important;
}
.nav-list {
display: flex !important; /* Or display: block; for vertical alignment */
}
.nav-item {
display: flex !important; /* Or display: inline-block; for vertical alignment */
}
/* this is for making the sub menu dropdown as visible*/
.tablet-breakpoint-mixin .primary-wrapper {
overflow: visible !important;
}
}
/* give the black color to the navigation menu text in mobile*/
.tablet-breakpoint-mixin .nav-link {
/* border-top: 1px solid rgba(245,240,235,.05); */
color: #000000;}
.tablet-breakpoint-mixin .nav-item, .tablet-breakpoint-mixin .footernav-item {
flex-direction: column;
}
/* this is for the images gallery on the page our work photography written by muzamil to make three images in desktop */
.sqs-gallery-block-grid .sqs-gallery-design-grid {
margin-right: -30px;
display: flex;
flex-wrap: wrap;
}
.sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-1 .sqs-gallery-design-grid-slide {
width: 33% !important;
}
.sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor[href] img {
cursor: pointer;
width: 100% !important;
/* height: auto !important; */
position: unset !important;
}
/*
.sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor {
padding-bottom: 100%;
width: 100%;
height: auto !important;
padding-bottom: 10px !important;
display: block;
cursor: default;
border-bottom: none;
}
*/
/* media querry for gallery of photography page */
@media only screen and (max-width: 450px) {
.sqs-gallery-block-grid .sqs-gallery-design-grid {
margin-right: -30px;
display: flex;
flex-wrap: wrap;
}
.sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-1 .sqs-gallery-design-grid-slide {
width: 100% !important;
}
.sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor[href] img {
cursor: pointer;
width: 100% !important;
height: auto !important;
position: unset !important;
}
}
/* for the header to stop it from hidding the bener */
nav.nav{
position: relative !important;
}
/* sub menu clossing with clicking outside the main and submenu */
/* for making the order of the tagline and the site title and then navigation menu */
body {
display: flex;
flex-direction: column;
}
div#yui_3_17_2_1_1705302607114_833{
order: -3;
}
body:not(.sqs-seven-one) .sqs-announcement-bar {
background: #5a0242;
order: -3;
}
header.header {
order: -2;
}
nav.nav {
order: -1;
}
CODE FOR MENU MOBILE
header#yui_3_17_2_1_1705302244324_1360 {
display: block;
}
INTAKE
Through creative direction, color theory, embodiment practices and intention setting, I create alongside you to declare and embody your message. Start by filling out an intake.
Thank you! You’ll get an email with personalized session options and/or next steps. Excited to support you!
NEWSLETTER
Receive my free visual soundbath plus weekly insight on intentional messaging and creative entrepreneurship.
** You can check new subscribers in PROFILES settings.
STORY COACHING
Messaging Strategy guidance is for you if...
Your story is impactful but it feels so multifaceted that you’re not sure where to start or how to express it concisely and effectively
You feel ready to align new connections, partnerships, and opportunities through impactful messaging
You feel blocked or don’t know how to effectively communicate the full scope and impact of what you offer
You need clarity for a messaging approach that connects all your work and the diverse range of experiences you offer
You’re looking to expand your community or shift the ways you have been experiencing community
Through Messaging Strategy Guidance I help You ...
Strategize community expansion, client alignment, and support by cultivating resonance around the essence of your work
Practice a mycelial understanding of how your personal lived experiences and offerings are interconnected to political climates and therefore needed in liberation movement/s
Strategize how to share relatable parts of your story in ways that will support your unique goals
Declare your non-negotiable values, intentions, and impact of your work