Skip to content

Home
Work
Services
About
Contact

START A PROJECT

Home
Work
Services
About
Contact

Websites

Dusk Mart

Dusk Mart Read More »

GLOBAL

CREATIVE DESIGN STUDIO

Home
Work
Services
About
Contact

Start a Project
↗

PORT ANGELES, WASHINGTON

Independent Creative Studio

/* ================================
MINIMAL GLOBAL FOOTER
================================ */

.gcd-simple-footer {
width: 100%;

background: #091D30;

color: #ffffff;

font-family: "DM Sans", Arial, sans-serif;

border-top: 1px solid rgba(255,255,255,.08);
}

.gcd-simple-footer *,
.gcd-simple-footer *::before,
.gcd-simple-footer *::after {
box-sizing: border-box;
}

.gcd-footer-wrap {
width: min(1200px, calc(100% - 48px));

margin: 0 auto;

padding: 46px 0 22px;
}

/* ================================
TOP ROW
================================ */

.gcd-footer-top {
display: grid;

grid-template-columns: 1fr auto 1fr;

align-items: center;

gap: 45px;
}

/* BRAND */

.gcd-footer-brand {
display: flex;

flex-direction: column;

align-items: flex-start;
}

.gcd-footer-wordmark {
color: #ffffff !important;

font-size: 27px;

font-weight: 800;

line-height: 1;

letter-spacing: 3.5px;

text-decoration: none !important;
}

.gcd-footer-wordmark span {
color: #36C6B6;
}

.gcd-footer-subtitle {
margin-top: 7px;

color: rgba(255,255,255,.38);

font-size: 7px;

font-weight: 700;

letter-spacing: 2.6px;
}

/* NAV */

.gcd-footer-nav {
display: flex;

align-items: center;

justify-content: center;

gap: 28px;
}

.gcd-footer-nav a {
position: relative;

color: rgba(255,255,255,.68) !important;

font-size: 12px;

font-weight: 500;

text-decoration: none !important;

transition: color .2s ease;
}

.gcd-footer-nav a::after {
content: "";

position: absolute;

left: 0;
bottom: -6px;

width: 0;

height: 1px;

background: #36C6B6;

transition: width .25s ease;
}

.gcd-footer-nav a:hover {
color: #ffffff !important;
}

.gcd-footer-nav a:hover::after {
width: 100%;
}

/* PROJECT LINK */

.gcd-footer-project {
justify-self: end;

display: inline-flex !important;

align-items: center;

gap: 12px;

padding: 11px 17px !important;

border: 1px solid rgba(54,198,182,.45);

border-radius: 999px;

background: transparent !important;

color: #ffffff !important;

font-size: 11px !important;

font-weight: 700 !important;

letter-spacing: .4px;

text-decoration: none !important;

transition:
background .25s ease,
border-color .25s ease,
transform .25s ease;
}

.gcd-footer-project span {
color: #36C6B6;

font-size: 15px;

transition: transform .25s ease;
}

.gcd-footer-project:hover {
background: rgba(54,198,182,.08) !important;

border-color: #36C6B6;

transform: translateY(-2px);
}

.gcd-footer-project:hover span {
transform: translate(2px,-2px);
}

/* ================================
DIVIDER
================================ */

.gcd-footer-line {
width: 100%;

height: 1px;

margin: 38px 0 20px;

background: rgba(255,255,255,.08);
}

/* ================================
BOTTOM ROW
================================ */

.gcd-footer-bottom {
display: flex;

align-items: center;

justify-content: space-between;

gap: 20px;

color: rgba(255,255,255,.32);

font-size: 9px;

letter-spacing: .5px;
}

.gcd-footer-location {
color: rgba(54,198,182,.66);

font-size: 8px;

font-weight: 700;

letter-spacing: 1.6px;
}

/* ================================
MOBILE
================================ */

@media (max-width: 850px) {

.gcd-footer-top {
grid-template-columns: 1fr;

gap: 30px;
}

.gcd-footer-nav {
justify-content: flex-start;

flex-wrap: wrap;

gap: 18px 24px;
}

.gcd-footer-project {
justify-self: start;
}

}

@media (max-width: 600px) {

.gcd-footer-wrap {
width: calc(100% - 36px);

padding-top: 38px;
}

.gcd-footer-nav {
gap: 15px 22px;
}

.gcd-footer-line {
margin-top: 32px;
}

.gcd-footer-bottom {
flex-direction: column;

align-items: flex-start;

gap: 8px;
}

}