p a {
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 1px;
}


.contact-social-links a {
    text-decoration: none !important;
}



/* CONTACT PAGE - LINK HOVER COLOR */

.contact-social-links a {
  color: #333333 !important;
  transition: color 0.3s ease;
}

.contact-social-links a:hover {
  color: #D6B84A !important;
}






.header-nav-main .nav-top-link::after {
    border-right-width: 2px !important;
}






.solid-green span,
.solid-green span:hover {
    color: #68b5a6 !important;
    white-space: nowrap !important;
    text-shadow: none !important;
    background: transparent !important;
}


.solid-black span,
.solid-black span:hover {
    color: #000000 !important;
    text-shadow: none !important;
    background: transparent !important;
}




.flickity-page-dots .dot.is-selected {
  background-color: #dfa129;
  opacity: 1 !important;
}

.flickity-prev-next-button .arrow,
.flickity-prev-next-button svg {
  fill: #dfa129;
  border-color: currentColor;
  transition: all .3s;
}

.footer-1,
.footer-2 {
  border-top: 1px solid rgb(0 0 0 / 0%);
}

.section-title b {
  background-color: #ffffff;
  display: block;
  flex: 1;
  height: 4px;
  opacity: 1;
}

.header-nav-main.nav > li.current-menu-item > a,
.header-nav-main.nav > li.active > a {
  color: #000000 !important;
}

a.button.primary.is-link.is-small.lowercase.arrow:hover span {
  border-bottom-color: #dfa129 !important;
}

/* =========================================
   HOMEPAGE - REPLACE LOGO WITH PHRASE
   ========================================= */

/* Logo container */

body.home .header-wrapper:not(.stuck) #logo {
  width: 520px !important;
  position: relative;
}

/* Completely hide the original logo */

body.home .header-wrapper:not(.stuck) #logo > a {
  visibility: hidden !important;
}

/* Replacement phrase */

body.home .header-wrapper:not(.stuck) #logo::after {
  content: "FILMS THAT BRING PEOPLE CLOSER.";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: max-content;
  white-space: nowrap;
  color: #000000;
  font-family: "Baskerville Livre", Baskerville, "Baskerville Old Face", serif;
  font-size: 28px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.15;
  z-index: 9999;
  pointer-events: none;
}

/* =========================================
   STICKY HEADER - RESTORE NORMAL LOGO
   ========================================= */

body.home .header-wrapper.stuck #logo > a {
  visibility: visible !important;
}

body.home .header-wrapper.stuck #logo::after {
  display: none;
}

/* =========================================
   SEE MORE - FUTURA + THIN UNDERLINE
   ========================================= */

a.button.primary.is-link.is-small.lowercase.arrow {
  font-family: "Futura", sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* =========================================
   DEFAULT STATE
   ========================================= */

a.button.primary.is-link.is-small.lowercase.arrow span {
  display: inline-block !important;
  border-bottom: 1px solid #000000 !important;
  padding-bottom: 2px !important;
  line-height: 1.1 !important;
  color: #000000 !important;
}

/* =========================================
   OUTLINE-WHITE HOVER
   Text + underline + arrow become yellow
   ========================================= */

.outline-white:hover a.button.primary.is-link.is-small.lowercase.arrow,
.outline-white:hover a.button.primary.is-link.is-small.lowercase.arrow span {
  color: #DFA129 !important;
}

.outline-white:hover a.button.primary.is-link.is-small.lowercase.arrow span {
  border-bottom-color: #DFA129 !important;
}

/* Arrow / SVG */

.outline-white:hover a.button.primary.is-link.is-small.lowercase.arrow svg {
  color: #DFA129 !important;
  fill: #DFA129 !important;
  stroke: #DFA129 !important;
}

----

.header:not(.transparent) .header-nav.nav > li.active > a {
  color: #000000 !important;
}

.header:not(.transparent) .header-nav.nav > li.active > a:hover {
  color: #D99A1E !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400 !important;
}

.outline-white h1,
.outline-white h2,
.outline-white h3,
.outline-white h4,
.outline-white h5,
.outline-white h6 {
  font-weight: 400 !important;
}

.squaretext {
  letter-spacing: 0;
  font-size: 10px !important;
}

.squaretext:hover {
  color: #dfa129 !important;
}

.home .menu-item a[href="/#projects"],
.home .menu-item.current-menu-item a[href="/#projects"],
.home .menu-item.current_page_item a[href="/#projects"] {
  color: inherit !important;
}

.spacing-now {
  letter-spacing: -1em !important;
}

/* General arrow button styling */

.flickity-prev-next-button {
  width: 20px !important;
  height: 20px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

/* Remove hover circle */

.flickity-prev-next-button:hover {
  background-color: transparent !important;
}

.no-hover:hover span {
  color: #000000;
}

.no-hover.current-menu-item span,
.no-hover.active span {
  border-bottom-color: #000000 !important;
}

/* ==================================================
   FLATSOME BUTTONS
================================================== */

.button {
  position: relative;
}

.button span {
  display: inline-flex;
  align-items: center;
}

/* Primary 

.button.primary span:after,
.button.is-primary span:after {
  background-image: url('https://storycollective.film/wp-content/uploads/2026/06/flecha-negra.png');
}

*/

/* Universal Hover 

.button:hover,
.button:hover span {
  color: #FAA61A !important;
}



.button:hover span:after {
  background-image: url('https://storycollective.film/wp-content/uploads/2026/06/flecha-amarilla.png') !important;
  transform: translateX(4px);
}

*/

/* Homepage normal 
.page-id-4358 .header-main {
    background-color: #50b6a8 !important;
}

/*

.stuck .header-inner, .stuck .logo, .stuck .logo img {
    margin-top: 0;
    padding-top: 0;
    background-color: black;
}



/* Homepage sticky 
.page-id-4358 .stuck .header-main,
.page-id-4358 .header-wrapper.stuck .header-main {
    background-color: #000 !important;
}





.page-id-4358 .nav-dark .logo a {
    color: #000 !important;
		
		
		}

		




/* Homepage - normal state 
.page-id-4358 .header-top {
    background: #fceed3 !important;
}

.page-id-4358 .nav-dark .logo a,
.page-id-4358 .nav-dark .header-nav a
 {
    color: #000 !important;
}

/* Homepage - sticky state 
.page-id-4358 .stuck .header-top,
.page-id-4358 .header-wrapper.stuck .header-top {
    background: #000 !important;
}

.page-id-4358 .stuck .logo a,
.page-id-4358 .stuck .header-nav a,
.page-id-4358 .header-wrapper.stuck .logo a,
.page-id-4358 .header-wrapper.stuck .header-nav a 
.page-id-4358 .header-main.stuck {
    color: #fff !important;
}

/* Sticky header 
.stuck .header:not(.transparent) .top-bar-nav > li > a,
.header-wrapper.stuck .header:not(.transparent) .top-bar-nav > li > a {
    color: #fff !important;
}



 */

.header-main {
  background-color: #fceed3 !important;
}

img#yellowlogo {
  display: none !important;
}

.logo-video {
  mix-blend-mode: darken;
}

.logo-video {
  mix-blend-mode: multiply;
}

.bloque {
  margin-bottom: -4px;
}

.outline-white {
  border: 4px solid #fff;
  box-sizing: border-box;
}

.outline-white:hover .title,
.outline-white:hover .title *,
.outline-white:hover .title a {
  color: #DFA129 !important;
}

/*
.outline-white:hover .button span::after {
    background-image: url('https://storycollective.film/wp-content/uploads/2026/06/flecha-amarilla.png') !important;
    transform: translateX(4px);
}

*/

.ouline-white:hover img {
  filter: brightness(0.8);
}

.outline-white:hover img {
  filter: brightness(0.8);
}

.outline-white {
  cursor: pointer;
}

.header-main .flex-row.container {
  margin-top: 0 !important;
}

/* Portfolio tile text default */

/* Hover state */

.banner:hover .text-box a,
.banner:hover .text-box strong {
  color: #dfa129 !important;
}

/* FORCE WHITE LOGO 

#logo img,
.logo img,
.header-logo img {
  content: url("WHITE-LOGO-URL") !important;
}
*/

/* HOVER → YELLOW LOGO 

#logo:hover img,
.logo:hover img,
.header-logo:hover img {
  content: url("https://storycollective.film/wp-content/uploads/2026/03/SC-LOGO-YELLOW-scaled.png") !important;
}

/* smooth hover 

.logo img {
  transition: 0.2s ease;
}

/* preload both logos 

.logo img {
  transition: opacity .25s ease;
}

/* default logo (white)

.logo img {
  content: url("WHITE-LOGO-URL");
}

hover logo (yellow) */

/* 

.logo:hover img {
  content: url("https://storycollective.film/wp-content/uploads/2026/03/SC-LOGO-YELLOW-scaled.png");
}

.nav-dots-small .flickity-page-dots .dot,
.row-slider .flickity-page-dots .dot {
  background-color: #ffffff !important;
  border: 0;
  height: 10px;
  opacity: .2;
  width: 10px;
}

.hover-grow {
  transition: transform 0.25s ease;
  will-change: transform;
}

.hover-grow:hover {
  transform: scale(1.06);
}


 */

/* =========================================================
   GLOBAL
========================================================= */

a {
  color: #ffffff;
}

td {
  border-bottom-style: hidden;
}

/* =========================================================
   TYPOGRAPHY
========================================================= */

h3 {
  letter-spacing: 4px;
  font-family: 'futura-pt-book' !important;
  font-size: 1.5em;
}

h4 {
  letter-spacing: 4px;
  font-family: 'futura-pt-light' !important;
  font-size: 15px;
}

h5 {
  letter-spacing: 5px;
  color: #000000;
}

h6 {
  letter-spacing: 4px;
}

.title {
  letter-spacing: 5px;
  line-height: 1.1;
}

/* =========================================================
   HEADER & NAVIGATION
========================================================= */

.nav > li > a,
.nav-dropdown > li > a,
.nav-column > li > a {
  color: #ffffff;
  letter-spacing: 2px;
  word-spacing: 0;
  margin-right: 0;
  padding-left: 1px;
}

.nav-top-link {
  font-family: 'futura-pt-book' !important;
  font-size: 22px;
  letter-spacing: 2px;
  margin-left: 0;
  margin-right: -9px;
  text-shadow: 3px;
}

.header-nav.header-nav-main.nav {
  letter-spacing: 2px;
}

.header-nav.header-nav-main.nav.nav-right.nav-size-xlarge {
  font-size: 18px;
}

.nav.nav-simple.nav-uppercase.nav-size-large.nav-center {
  font-size: 20px;
  letter-spacing: 0px;
}

/* =========================================================
   NAV HOVER & ACTIVE STATES
========================================================= */

.dark .nav > li > a:hover,
.nav-dark .nav > li > a:hover,
.nav-dropdown.dark > li > a:hover,
.nav-dropdown.dark .nav-column > li > a:hover,
.nav-dark a.plain:hover {
  color: #dfa129;
}

.nav > li.current-menu-item > a {
  color: #dfa129 !important;
}

/* =========================================================
   DROPDOWNS
========================================================= */

.nav-dropdown {
  min-width: 122px;
  opacity: 0;
  box-shadow: none;
}

.nav-dropdown.nav-dropdown-simple.dark {
  border-left: 1.5px solid #ffffff;
}

.sub-menu.nav-dropdown.nav-dropdown-simple.dark {
  margin-top: -52px;
  margin-left: 10px;
  background-color: transparent;
  border: 1px solid transparent;
  border-left: 1.5px solid #ffffff;
  font-size: 13px;
  letter-spacing: 4px;
  line-height: 4px;
}

.nav-column li > a,
.nav-dropdown > li > a {
  padding: 1px 14px;
  line-height: 27px;
}

/* =========================================================
   LOGO
========================================================= */

.logo a {
  font-family: 'futura-pt-book' !important;
  font-size: 25px;
  font-weight: 100;
}

#logo.flex-col.logo {
  letter-spacing: 2px;
}

.logo-tagline {
  color: #ffffff;
  font-size: 19px;
  letter-spacing: 5px;
}

/* =========================================================
   LAYOUT & STRUCTURE
========================================================= 

.flex-row.container {
  margin-top: 9px;
}

.large-3.col {
  color: #ffffff;
  overflow: hidden;
  position: relative;
  bottom: -100px;
}

.right {
  margin: -60px 0 0 0;
}


/*

#portfolio-content.large-9.col.col-first.col-divided {
  margin: 40px 0 50px;
  padding-bottom: 0;
  border-right-style: hidden;
}

/* =========================================================
   PORTFOLIO
========================================================= */

.portfolio-inner {
  color: #ffffff;
}

.portfolio-summary.entry-summary {
  border-left: 2px solid #ffffff;
}

.PORTLEFT {
  border-right: 2px solid #ffffff;
}

#col-683390823.col.PORTLEFT.medium-8.small-12.large-8 {
  background-color: #24a7b3;
  padding-bottom: 0;
}

#col-277485807.col.medium-4.small-12.large-4 {
  padding: 0;
}

/* =========================================================
   FOOTER / META
========================================================= */

.copyright-footer,
.bottomcontact {
  color: #fceed3;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: bolder;
}

/* =========================================================
   MISC
========================================================= */

.fl-icons {
  display: none;
}

.flex-col.flex-right.text-right {
  border-top: 4px solid #000000;
  border-width: 2px;
}

.flex-row.flex-has-center.next-prev-nav.bt.bb {
  opacity: 0;
}

.style-svg:hover,
span:hover,
.icon-angle-down:hover {
  color: #dfa129;
}

.button.primary.is-link {
  font-family: caslon libre regular;
}

.button.success.is-link {
  font-family: caslon libre regular;
}

button success is-underline is-small {
  font-family: caslon libre regular;
}

.footer-widgets.footer.footer-2.dark {
  border-top-style: hidden;
}

.post-title.is-large.uppercase {
  color: #000000;
}

.button.is-link.is-larger.mb-0 {
  color: #000000;
}

.dark,
.dark p,
.dark td {
  color: #000000;
}

.box {
  border: 4px solid #fff;
  box-sizing: border-box;
  padding: 9px;
}

.is-uppercase,
.uppercase {
  line-height: 0.8;
}

.section-title-main {
  font-weight: bold;
}

#menu-item-4394.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-4394.menu-item-design-default {
  border-right-width: 0px;
}