Gí TENAMÁ

Multihyphenate Artist & Storyteller based in LA

 //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