/* =========================================================
   MediaFoundry — main stylesheet
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');
@font-face {
    font-family: 'Bricolage Grotesque';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/bricolagegrotesque/v9/3y9H6as8bTXq_nANBjzKo3IeZx8z6up5BeSl5jBNz_19PpbpMXuECpwUxJBOm_OJWiawDFXplDs.woff2) format('woff2');
    unicode-range: U +0102 -0103, U +0110 -0111, U +0128 -0129, U +0168 -0169, U +01A0 -01A1, U +01AF -01B0, U +0300 -0301, U +0303 -0304, U +0308 -0309, U +0323, U +0329, U +1EA0 -1EF9, U +20AB;
}
:root {
	--mf-bg:        #ffffff;
	--mf-bg-2:      #EAE6DA;
	--mf-black:     #0D0D0C;
	--mf-ink:       #17160F;
	--mf-gray:      #8B8779;
	--mf-gray-light:#C7C3B4;
	--mf-line:      #DBD7C8;
	--mf-card:      #E7E2D3;
	--mf-accent:    #34D6C4;
	--mf-white:     #FFFFFF;

	--mf-font-display: 'Bricolage Grotesque', 'Helvetica Neue', Arial, sans-serif;
	--mf-font-body:    'Bricolage Grotesque', 'Helvetica Neue', Arial, sans-serif;

	--mf-container: 98%;
	--mf-gutter: 40px;
	--mf-radius: 22px;
	--mf-radius-sm: 12px;
}

/* ---------- Reset ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
	margin: 0;
	background: var(--mf-bg);
	color: var(--mf-ink);
	font-family: var(--mf-font-body);
	font-size: 16px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-family: var(--mf-font-display); font-weight: 700; letter-spacing: -0.01em; }
p { margin: 0 0 1em;font-size: 20px;font-weight: 500;line-height: 28px; color: #000000;}
button { font-family: inherit; cursor: pointer; background: none; border: none; }
input { font-family: inherit; }
body.home{ background: url('../img/banner.jpg') center -170px no-repeat; background-size: 100vw 115vh;}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
}

:focus-visible { outline: 2px solid var(--mf-accent); outline-offset: 3px; }

.screen-reader-text {
	position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
	overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

.mf-container { max-width: var(--mf-container); margin: 0 auto; padding: 0 var(--mf-gutter); }
.mf-narrow { max-width: 820px; }
.mf-section { padding: 96px 0; }

@media (max-width: 780px) { .mf-section { padding: 56px 0; } }

.mf-eyebrow {
	font-family: var(--mf-font-body);
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	color: var(--mf-gray);
	margin: 0 0 28px;
}

.mf-link-underline {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	padding-bottom: 3px;
	border-bottom: 1px solid currentColor;
	transition: opacity 0.2s ease, gap 0.2s ease;
}
.mf-link-underline:hover { opacity: 0.6; gap: 10px; }
.mf-arrow { transition: transform 0.2s ease; }
.mf-link-underline:hover .mf-arrow { transform: translate(2px, -2px); }

.mf-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	padding: 14px 24px;
	border-radius: 999px;
	transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}
.mf-btn-pill { background: var(--mf-black); color: var(--mf-white); }
.mf-btn-pill:hover { transform: translateY(-2px); }
.mf-btn-accent { background: var(--mf-accent); color: var(--mf-black); }
.mf-btn-accent:hover { transform: translateY(-2px); }

/* ---------- Header ---------- */
.mf-header {
	position: sticky;
	top: 0;
	z-index: 100;
	/* background: var(--mf-bg); 
	border-bottom: 1px solid var(--mf-line);*/
}

.mf-header-inner {
	max-width: var(--mf-container);
	margin: 0 auto;
	padding: 10px var(--mf-gutter);
	display: flex;
	align-items: center;
	/* justify-content: space-between; */
	gap: 24px;
}
.mf-logo-text {
	font-family: 'Bricolage Grotesque';
	font-weight: 800;
	font-size: 40px;
	letter-spacing: -0.02em;
}
.home .mf-logo-text{
	color:#fff;
}
.mf-nav-list {
	display: flex;
	align-items: center;
	gap: 32px;
	flex-wrap: wrap;
}
.mf-nav-list a {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	position: relative;
}
.home .mf-nav-list a{color:#fff;}
.mf-nav-list a::after {
	content: "";
	position: absolute;
	left: 0; bottom: -4px;
	width: 0; height: 1px;
	background: currentColor;
	transition: width 0.2s ease;
}
.home .mf-nav-list a::after{
	background: var(--mf-white);
}
.mf-nav-list a:hover::after { width: 100%; }
.mf-nav-list ul { display: none; } /* sub-menus collapse to top level on this compact nav */

.mf-header-actions { display: flex; align-items: center; gap: 16px; }
.mf-menu-toggle {
	display: none;
	flex-direction: column;
	gap: 5px;
	width: 26px;
}
.mf-menu-toggle span { display: block; height: 2px; background: var(--mf-black); border-radius: 2px; }

@media (max-width: 980px) {
	.mf-nav { position: fixed; inset: 72px 0 0 0; background: var(--mf-bg); padding: 32px var(--mf-gutter); transform: translateY(-8px); opacity: 0; pointer-events: none; transition: opacity 0.25s ease, transform 0.25s ease; overflow-y: auto; }
	.mf-nav.is-open { opacity: 1; transform: translateY(0); pointer-events: auto; }
	.mf-nav-list { flex-direction: column; align-items: flex-start; gap: 20px; }
	.mf-nav-list a { font-size: 20px; }
	.mf-menu-toggle { display: flex; }
	.mf-header-actions .mf-btn-pill span { display: none; }
}

/* ---------- Hero ---------- */
.mf-hero { padding-top: 0; padding-bottom: 90px; position: relative;}
.mf-hero-top {
	display: grid;
	grid-template-columns: 1fr 280px;
	gap: 40px;
	align-items: end;
	padding-bottom: 5vh;
	height: 50vh;
	position: relative;
}
.mf-hero-heading {
	font-size: clamp(34px, 4.6vw, 58px);
	line-height: 1.08;
	max-width: 15ch;
	display: flex;
	align-items: flex-start;
	gap: 14px;
	color: var(--mf-white);
}
.mf-dot {
	flex: none;
	width: 12px; height: 12px;
	border-radius: 50%;
	background: var(--mf-accent);
	margin-top: 16px;
}
.mf-hero-note { text-align: right; }
.mf-hero-note p {
	font-style: italic;
	color: var(--mf-gray);
	font-size: 14px;
	margin-bottom: 10px;
}
@media (max-width: 780px) {
	.mf-hero-top { grid-template-columns: 1fr; }
	.mf-hero-note { text-align: left; }
}

.mf-hero-strip {
	display: grid;
	grid-template-columns: 1fr 1.1fr 1.3fr 1.1fr 1fr;
	align-items: end;
	gap: 6px;
	position: relative;
	padding: 0 var(--mf-gutter);
}
.mf-hero-panel { border-radius: 4px 4px 0 0; overflow: hidden; }
.mf-hero-panel img { width: 100%; height: 100%; object-fit: cover; }
.mf-hero-panel-dark { background: var(--mf-black); height: 220px; }
.mf-hero-panel-short { height: 150px; align-self: end; }
.mf-hero-panel-tall { height: 260px; }
.mf-hero-play {
	position: absolute;
	left: 50%;
	top: 40%;
	transform: translate(-50%, -50%);
	width: 56px; height: 56px;
	border-radius: 50%;
	background: var(--mf-white);
	color: var(--mf-black);
	display: flex; align-items: center; justify-content: center;
	box-shadow: 0 10px 30px rgba(0,0,0,0.18);
	transition: transform 0.2s ease;
}
.mf-hero-play:hover { transform: translate(-50%, -50%) scale(1.08); }

@media (max-width: 780px) {
	.mf-hero-strip { grid-template-columns: repeat(3, 1fr); }
	.mf-hero-strip .mf-hero-panel:nth-child(4),
	.mf-hero-strip .mf-hero-panel:nth-child(6) { display: none; }
	.mf-hero-play { top: 45%; }
}

/* ---------- About / Services statement sections ---------- */
.mf-statement-grid {
	display: grid;
	grid-template-columns: 200px 1fr;
	gap: 40px;
}
.mf-statement-body { max-width: 900px; }
.mf-reveal-text {
	font-family: var(--mf-font-display);
	font-weight: 600;
	font-size: clamp(24px, 3vw, 38px);
	line-height: 1.35;
	color: var(--mf-gray-light);
	margin-bottom: 32px;
}
.mf-reveal-text .is-visible { color: var(--mf-ink); }
.mf-reveal-text span { transition: color 0.15s ease; }
@media (max-width: 780px) {
	.mf-statement-grid { grid-template-columns: 1fr; }
}

/* ---------- Marquee gallery ---------- */
.mf-marquee-gallery { padding: 0 0 40px; overflow: hidden; }
.mf-marquee-row { overflow: hidden; padding: 8px 0; }
.mf-marquee-track {
	display: flex;
	gap: 16px;
	width: max-content;
	animation: mf-marquee-left 42s linear infinite;
}
.mf-marquee-right .mf-marquee-track { animation-name: mf-marquee-right; }
.mf-marquee-item {
	flex: none;
	width: 220px;
	height: 280px;
	border-radius: var(--mf-radius-sm);
	overflow: hidden;
	background: var(--mf-card);
}
.mf-marquee-item img { width: 100%; height: 100%; object-fit: cover; }
@keyframes mf-marquee-left { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes mf-marquee-right { from { transform: translateX(-50%); } to { transform: translateX(0); } }
@media (max-width: 780px) { .mf-marquee-item { width: 160px; height: 200px; } }

/* ---------- Stats ---------- */
.mf-stats { padding: 60px 0; border-top: 1px solid var(--mf-line); border-bottom: 1px solid var(--mf-line); }
.mf-stats-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}
.mf-stat {
	padding: 0 32px;
	border-left: 1px solid var(--mf-line);
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.mf-stat:first-child { border-left: none; padding-left: 0; }
.mf-stat-number {
	font-family: var(--mf-font-display);
	font-weight: 800;
	font-size: clamp(36px, 4vw, 56px);
	line-height: 1;
}
.mf-stat-label { color: var(--mf-gray); font-size: 14px; }
@media (max-width: 780px) {
	.mf-stats-grid { grid-template-columns: repeat(2, 1fr); gap: 32px 0; }
	.mf-stat:nth-child(3) { border-left: none; padding-left: 0; }
}

/* ---------- Projects ---------- */
.mf-projects-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-bottom: 64px;
}
.mf-project-card { display: block; }
.mf-project-media {
	display: block;
	aspect-ratio: 4 / 5;
	border-radius: var(--mf-radius);
	overflow: hidden;
	background: var(--mf-card);
	margin-bottom: 18px;
}
.mf-project-media img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.mf-project-card:hover .mf-project-media img { transform: scale(1.05); }
.mf-project-meta { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.mf-project-title { font-family: var(--mf-font-display); font-weight: 700; font-size: 19px; }
.mf-project-cat { color: var(--mf-gray); font-size: 13px; text-transform: uppercase; letter-spacing: 0.06em; }

.mf-projects-taglines {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	border-top: 1px solid var(--mf-line);
	padding-top: 40px;
}
.mf-projects-taglines h4 { font-size: 18px; margin-bottom: 8px; }
.mf-projects-taglines p { color: var(--mf-gray); font-size: 14px; margin: 0; }
.search-no-results #primary{padding-bottom:80px;}
@media (max-width: 980px) {
	.mf-projects-grid, .mf-projects-taglines { grid-template-columns: 1fr; }
}

/* ---------- Testimonials ---------- */
.mf-testimonials { padding-bottom: 60px; }
.mf-section-heading {
	font-size: clamp(26px, 3.4vw, 42px);
	max-width: 14ch;
	margin-bottom: 56px;
}
.mf-testimonial-mosaic {
	position: relative;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: repeat(3, 90px);
	gap: 16px;
	max-width: var(--mf-container);
	margin: 0 auto;
	padding: 0 var(--mf-gutter);
}
.mf-mosaic-photo { border-radius: var(--mf-radius-sm); overflow: hidden; background: var(--mf-card); }
.mf-mosaic-photo img { width: 100%; height: 100%; object-fit: cover; }
.mf-mosaic-a { grid-column: 1 / 2; grid-row: 1 / 3; }
.mf-mosaic-b { grid-column: 2 / 3; grid-row: 1 / 4; }
.mf-mosaic-c { grid-column: 5 / 6; grid-row: 1 / 3; }
.mf-mosaic-d { grid-column: 6 / 7; grid-row: 1 / 4; }
.mf-mosaic-e { grid-column: 3 / 5; grid-row: 3 / 4; }

.mf-testimonial-card {
	grid-column: 3 / 5;
	grid-row: 1 / 3;
	background: var(--mf-card);
	border-radius: var(--mf-radius);
	padding: 32px;
	position: relative;
	display: flex;
	align-items: center;
}
.mf-testimonial-slide { display: none; }
.mf-testimonial-slide.is-active { display: block; }
.mf-testimonial-headline { font-family: var(--mf-font-display); font-weight: 700; font-size: 15px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--mf-gray); margin-bottom: 12px; }
.mf-testimonial-card blockquote { margin: 0 0 20px; font-size: 16px; line-height: 1.5; }
.mf-testimonial-author { display: flex; align-items: center; gap: 12px; }
.mf-author-photo { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; flex: none; }
.mf-author-photo img { width: 100%; height: 100%; object-fit: cover; }
.mf-testimonial-author strong { display: block; font-size: 14px; }
.mf-testimonial-author em { font-style: normal; color: var(--mf-gray); font-size: 13px; }
.mf-testimonial-nav { position: absolute; bottom: 16px; right: 16px; display: flex; gap: 8px; }
.mf-testimonial-nav button {
	width: 32px; height: 32px; border-radius: 50%;
	background: var(--mf-white); display: flex; align-items: center; justify-content: center;
	transition: transform 0.2s ease;
}
.mf-testimonial-nav button:hover { transform: scale(1.08); }

@media (max-width: 980px) {
	.mf-testimonial-mosaic { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; }
	.mf-mosaic-photo { display: none; }
	.mf-mosaic-a, .mf-mosaic-e { display: block; height: 160px; grid-column: auto; grid-row: auto; }
	.mf-testimonial-card { grid-column: auto; grid-row: auto; }
}

/* ---------- CTA ---------- */
.mf-cta { background: var(--mf-black); color: var(--mf-white); border-radius: var(--mf-radius); margin: 0 var(--mf-gutter); width: auto; padding: 0; }
.mf-cta-inner { max-width: 640px; margin: 0 auto; text-align: center; padding: 90px var(--mf-gutter); }
.mf-cta h2 { font-size: clamp(28px, 4vw, 42px); margin-bottom: 16px; }
.mf-cta p { color: rgba(255,255,255,0.65); margin-bottom: 28px; }

/* ---------- Blog ---------- */
.mf-blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.mf-blog-card { display: block; }
.mf-blog-media { display: block; aspect-ratio: 4/3; border-radius: var(--mf-radius-sm); overflow: hidden; background: var(--mf-card); margin-bottom: 20px; }
.mf-blog-media img { width: 100%; height: 100%; object-fit: cover; }
.mf-blog-meta { font-size: 12px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--mf-gray); margin-bottom: 10px; }
.mf-blog-body h3 { font-size: 19px; margin-bottom: 10px; line-height: 1.3; }
.mf-blog-body p { color: var(--mf-gray); font-size: 14px; }
@media (max-width: 980px) { .mf-blog-grid { grid-template-columns: 1fr; } }

.mf-blog-list { display: flex; flex-direction: column; gap: 48px; }
.mf-blog-card-row { display: grid; grid-template-columns: 260px 1fr; gap: 28px; align-items: start; }
.mf-blog-card-row .mf-blog-media { margin-bottom: 0; aspect-ratio: 4/3; }
@media (max-width: 680px) { .mf-blog-card-row { grid-template-columns: 1fr; } }

.mf-empty-note { color: var(--mf-gray); }

/* ---------- Footer ---------- */
.mf-footer { background: var(--mf-black); color: var(--mf-white); margin-top: 0; overflow: hidden; }
.home .mf-footer{margin-top: 80px;}
.mf-ticker { border-bottom: 1px solid rgba(255,255,255,0.12); padding: 18px 0; overflow: hidden; }
.mf-ticker-track {
	display: flex;
	width: max-content;
	gap: 0;
	animation: mf-ticker 26s linear infinite;
	font-family: var(--mf-font-display);
	font-weight: 600;
	font-size: 16px;
	white-space: nowrap;
}
.mf-ticker-track span { padding-right: 24px; color: rgba(255,255,255,0.85); }
@keyframes mf-ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }

.mf-footer-main { padding: 80px var(--mf-gutter) 60px; max-width: var(--mf-container); margin: 0 auto; display: grid; grid-template-columns: 1fr 40%; gap: 40px; }
.mf-footer-heading h2 { font-size: clamp(28px, 4vw, 48px); max-width: 18ch; line-height: 1.15; }
.mf-footer-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.mf-footer-col h5 { font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(255,255,255,0.5); margin-bottom: 16px; font-family: var(--mf-font-body); font-weight: 600; }
.mf-footer-col ul { display: flex; flex-direction: column; gap: 10px; }
.mf-footer-col a { font-size: 14px; color: rgba(255,255,255,0.85); transition: opacity 0.2s ease; }
.mf-footer-col a:hover { opacity: 0.6; }

.mf-footer-wordmark { text-align: center; padding: 0 var(--mf-gutter) 10px; }
.mf-footer-wordmark a { display: inline-flex; font-family: var(--mf-font-display); line-height: 0.8; font-size: clamp(48px, 12vw, 160px); letter-spacing: -0.03em; }
.mf-wm-light { font-weight: 500; color: rgba(255,255,255,0.35); }
.mf-wm-bold { font-weight: 800; color: var(--mf-white); }

.mf-footer-bottom { text-align: center; padding: 24px var(--mf-gutter) 40px; border-top: 1px solid rgba(255,255,255,0.1); margin-top: 24px; }
.mf-footer-bottom p { margin: 0; font-size: 13px; color: rgba(255,255,255,0.45); }

@media (max-width: 780px) {
	.mf-footer-main { grid-template-columns: 1fr; }
	.mf-footer-columns { grid-template-columns: 1fr 1fr; }
}

/* ---------- Generic page / blog / 404 / search chrome ---------- */
.mf-page-header { padding: 34px 0 30px; /*border-bottom: 1px solid var(--mf-line);*/ margin-bottom: 56px; }
.mf-page-header h1 { font-size: clamp(28px, 4vw, 46px); }
.mf-page-content { padding-bottom: 96px; }
.mf-page-content img { border-radius: var(--mf-radius-sm); margin: 24px 0; }
.mf-single-media { margin-bottom: 40px; }
.mf-single-media img { width: 100%; border-radius: var(--mf-radius); aspect-ratio: 16/9; object-fit: cover; }

.mf-404 { text-align: center; padding: 60px 0 100px; }
.mf-404 h1 { font-size: clamp(28px, 4vw, 42px); margin: 12px 0 16px; }
.mf-404 p { color: var(--mf-gray); margin-bottom: 28px; }
.mf-404 .mf-btn { margin-bottom: 32px; }

.mf-search-form { display: flex; border: 1px solid var(--mf-line); border-radius: 999px; overflow: hidden; max-width: 420px; margin: 0 auto; }
.mf-search-field { flex: 1; border: none; background: none; padding: 12px 18px; font-size: 14px; }
.mf-search-field:focus { outline: none; }
.mf-search-submit { padding: 0 18px; }

.mf-comments { padding: 40px 0 96px; }
.mf-comment-list { display: flex; flex-direction: column; gap: 24px; margin: 24px 0; }
.widget-title { font-size: 14px; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 16px; }
.navbar{display:flex;align-items:center;width:100%;}
.header-section-row {display: flex;align-items: center;}
nav#site-navigation{margin-right:50px}
.col-left{flex-basis: 25%;}
.col-right{flex-basis: 75%;flex-flow: row; display: flex; align-items: center; justify-content: end;}
.header-section-row h1{flex-basis: 50%; font-size: 80px;line-height: 1.3;font-weight: 700;font-family: "Bricolage Grotesque", sans-serif;}
.header-section-row p{ flex-basis: 30%; padding-left: 0%; padding-right: 5%;font-family: 'Bricolage Grotesque', sans-serif;font-weight: 400;}
.mid-right-panel{padding:0 0 0 25px;}
.small-heading2{font-size:16px;font-weight:400;letter-spacing: -1px; line-height: 1.3; padding-bottom: 30px; color: var(--mf-ink);}
.social-link li{display:block;width:100%}
.social-link li a{font-family: 'Bricolage Grotesque', sans-serif;font-weight: 400;font-size:20px; background: url('../img/upload-arrow.png') right 10px no-repeat; background-size: 11px; padding-right: 16px;display: inline-block;}
.mid-right-panel p{margin-bottom: 60px;}
/* Hide default cursor */
body {cursor: none;}
.cursor-circle{position:fixed;top:0;left:0;width:30px;height:30px;border:2px solid #4c8f9d8f;border-radius:50%;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);transition:width .25s ease,height .25s ease,border-color .25s ease;background: #4c8f9d8f;}
.mf-footer-heading h2{font-size:48px;font-weight:400;-webkit-text-stroke-color:#000;stroke:#000;font-family: 'Bricolage Grotesque', sans-serif;}
.row-group{display: flex;flex-direction: row; margin:0 -15px}
.col-6{flex-basis: 50%; margin:0 15px;}
.col-12{flex-basis: 100%; margin:0 15px;}
.row-group span{display: block;width:100%}
input[type="text"].form-control, input[type="email"].form-control, textarea.form-control{border:0; border-bottom: 1px solid #333; padding:12px; box-sizing: border-box;width:100%;outline: none;font-size: 0.75em;font-family: 'Bricolage Grotesque', sans-serif;}
.btn-submit{background-color: #005f73; border:0; border-radius: 4px;color:#fff;font-size: 1em;cursor: pointer; outline: none; padding: calc(.400em + 2px) calc(1.333em + 2px);position:relative;text-align:center;text-transform:uppercase;transition:all .2s var(--ease);white-space:nowrap;display: block;width:100%}
.wpcf7-not-valid-tip{font-size: 0.8em !important;}
.row-group p{margin-bottom:0.5em}
.wpcf7 form .wpcf7-response-output {margin: 0 !important;}
.map-row{margin-top:80px;}
.mf-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.8)}
.home .mf-header{border-bottom-color: transparent; background: transparent !important;}
#primary ul { margin:0 0 20px 30px; list-style-type: disc;}
ul.social-link{margin:0!important}

.mf-ticker {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

.mf-ticker-track {
    display: inline-flex;
    width: max-content;
    animation: marquee 25s linear infinite;
}

.mf-ticker-track span {
    flex-shrink: 0;
    margin-right: 60px;
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}
.hamburger-link {
    cursor: pointer;
    height: 23px;
    position: relative;
    top: -3px;
    vertical-align: middle;
    width: 80px;
}
.unbutton {
    background: none;
    border: 0;
    font: inherit;
    margin: 0;
    padding: 0;
}
}
.hamburger-btn__hamburger {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}
.hamburger-btn__hamburger .hbgl--1 {
    transition: all .25s, width .2s var(--ease) .2s, background-color .2s linear;
}
.hamburger-btn__hamburger .hamburger-btn__span {
    background: currentColor;
    display: block;
    height: 2px;
    max-width: 80px;
    position: absolute;
    right: 0;
    width: 100%;
}
.hamburger-btn__hamburger .hbgl--3 {
    top: 17px;
    transition: all .25s, width .2s var(--ease), background-color .2s linear;
    width: 60px;
}
.hamburger-link {
    cursor: pointer;
    height: 23px;
    position: relative;
    top: -3px;
    vertical-align: middle;
    width: 80px;
}
.hamburger-link:hover .hamburger-btn__hamburger .hbgl--3{
	width:100%
}
.home .hamburger-btn__hamburger .hamburger-btn__span {background: var(--mf-white);}
ul#menu-mega-menu {column-count: 4;}
.mega-menu {
    position: absolute;
    background: #fff;
    padding: 0 3% 60px;
    box-sizing: border-box;
    width: 100%;
	top: 0;
    z-index: 0;
    padding-top: 100px;
}
.mega-menu {
    display: none;
}

.home .toggle-custom-menu.active  .hamburger-btn__hamburger .hamburger-btn__span{
	background-color: #000000;
    /* Active button styles */
}
.mega-menu li:nth-child(1){background: url('https://cocoamedia.in/wp-content/plugins/all-categories-plugin/assets/images/no-category.jpg') center top no-repeat; min-height: 300px; position: relative; background-size: cover;}
.mega-menu li:nth-child(2){background: url('https://cocoamedia.in/wp-content/plugins/all-categories-plugin/assets/images/no-category.jpg') center top no-repeat; min-height: 300px; position: relative; background-size: cover;}
.mega-menu li:nth-child(3){background: url('https://cocoamedia.in/wp-content/plugins/all-categories-plugin/assets/images/no-category.jpg') center top no-repeat; min-height: 300px; position: relative; background-size: cover;}
.mega-menu li:nth-child(4){background: url('https://cocoamedia.in/wp-content/plugins/all-categories-plugin/assets/images/no-category.jpg') center top no-repeat; min-height: 300px; position: relative; background-size: cover;}
#menu-mega-menu a {
    font-size: 20px;
    padding: 20px 30px;
    display: block;
    text-transform: uppercase;
	position: relative;
    z-index: 895;
}
#menu-mega-menu li:hover:after{
	top:0;
    left:0;
    position: absolute;
    background: rgba(0,0,0,0.75);
    width:100%;
    height: 100%;
    mix-blend-mode: luminosity;
    content: "";	
    
}
#menu-mega-menu li:hover a{color: #fff;}
.mf-header-inner{position: relative;z-index: 850;}
section#about-us {margin-top: 220px;}
section.mf-section.mf-hero:before{content:"";background:rgba(0,0,0,.5);width:100%;height:100%;position:absolute;top:-90px;left:0}
@media(max-width:1400px){
	body.home{background-size: 100vw 100vh;}
	.mf-hero-top{height: 40vh; margin-bottom: 100px;}
}
@media(max-width:1024px){
	.mf-logo-text, .mf-footer-heading h2{font-size: 30px;}
}
@media(max-width:990px){
	.mf-logo-text, .mf-footer-heading h2{font-size: 26px;}
	.header-section-row h1{font-size: 50px;}
	.header-section-row p{flex-basis: 50%;}
	body.home{background-size: 100vw 64vh;}
}
@media(max-width:800px){
	.mid-right-panel {padding: 0;}
	.mf-page-content {padding-bottom: 10px;}
}
@media(max-width:767px){
	.col-left {flex-basis: 39%;}
	.mf-logo-text, .mf-footer-heading h2{font-size: 16px;}
	.hamburger-link{width: 50px;}
	.hamburger-btn__hamburger .hbgl--3{width: 40px;}
	.header-section-row {display: flex; align-items: baseline;flex-flow: column;}
	.header-section-row h1 {font-size: 40px; margin-bottom: 10px;}
	.header-section-row p{padding-right: 0;}
	.mf-page-header {padding: 20px 0 0px;margin-bottom: 20px;}
	ul#menu-mega-menu {column-count: 1;}
	.mega-menu li:nth-child(1), .mega-menu li:nth-child(2), .mega-menu li:nth-child(3), .mega-menu li:nth-child(4){min-height: 100px;margin:10px 0;}
	.mega-menu{padding: 0 3% 30px; padding-top: 40px;}
	.col-6{flex-basis: 100%;}
	.row-group{flex-direction: column;}
	.mf-container.mf-page-content li {font-size: 20px;}
	.mf-footer-heading h2{ max-width: 100%;}
	.mf-footer-main{padding: 30px var(--mf-gutter) 40px;}
	.acp-card img{height: 200px;}
}