/*
COLOR REF, NEW GREEN
color: #32CB91;
color: rgb(50, 203, 145);

COLOR REF, NEW BLUE
color: #27B4BA;
color: rgb(39, 180, 186);

*/

.uk-overlay-default {
  background: linear-gradient(135deg, rgba(50,203,145,0.50), rgba(39,180,186,0.50)) !important;
}
.uk-modal {background: linear-gradient(135deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.9)100%);}
.uk-modal-dialog {background-color: #000;}
.uk-close {background-color: rgba(0,0,0,0);}

@media (max-height: 600px) {
  .hh-modal-caption {visibility: hidden;}
}

/* VIBE */
/* linear-gradient(135deg, #32CB91, #8d1cc7) */
/* #32CB91 */

/* GLOBAL */
.hh-bg-white {background-color: #ffffff !important;}
.hh-bg-black {background-color: #000000 !important;}
.hh-white {color: #ffffff !important;}
.hh-black {color: #000000 !important;}
.hh-upper {text-transform: uppercase !important;}

/* TOP BORDER */
.hh-top-border {
  width: 100%;
  height: 7px;
  /* background: rgb(39,180,186); */
  /* background: linear-gradient(135deg, rgba(39,180,186,1) 0%, rgba(50,203,145,1) 100%); */
  background: rgb(50,203,145);
  background: linear-gradient(148deg, rgba(50,203,145,1) 0%, rgba(50,203,145,1) 33%, rgba(39,180,186,1) 66%, rgba(39,180,186,1) 100%); 
}

/* LIGHTBOX */
.uk-lightbox {background: rgb(50,203,145); background: linear-gradient(135deg, rgba(50,203,145,0.9) 0%, rgba(39,180,186,0.9) 100%); }
.uk-lightbox-items > * > * {max-height: 75vh !important; max-width: 75vw !important;}
.hh-lightbox-title {color: #ffffff; opacity: 0.9;}
.hh-lightbox-subtitle {color: #ffffff; opacity: 0.7;}
@media (max-width: 960px) {
  .hh-lightbox-title {font-size: 1rem;}
  .hh-lightbox-subtitle {color: #ffffff; font-size: 0.7rem; opacity: 0.7;}
}

/* HERO */
.hh-section-hero .hh-text-nudge {margin-top: 30px;}
@media (max-width: 960px) {.hh-section-hero .hh-text-nudge {margin-top: 0px;}}
.hh-section-hero .hh-text-1 {padding: 5px; font-size: 2.2rem; line-height: 2.2rem; font-weight: 500 !important; text-transform: uppercase; letter-spacing: 0.5px; color: #fff; text-shadow: 2px 2px 4px rgba(0,0,0,0.6);}
.hh-section-hero .hh-text-2 {padding: 5px; font-size: 1.4rem; line-height: 1.4rem; font-weight: 500 !important; text-transform: uppercase; letter-spacing: 0.5px; color: #fff; text-shadow: 2px 2px 3px rgba(0,0,0,0.6);}
.hh-section-hero .hh-text-3 {padding: 5px; font-size: 0.8rem; line-height: 0.8rem; letter-spacing: 1px; font-weight: 500 !important; text-transform: uppercase; color: #fff; text-shadow: 2px 2px 3px rgba(0,0,0,0.6);}
/* .hh-section-hero .hh-text-1 {padding: 5px; font-size: 2.5rem; line-height: 2.5rem; font-weight: 500; text-transform: uppercase; color: #fff; text-shadow: 2px 2px 4px rgba(0,0,0,0.6);} */
/* .hh-section-hero .hh-text-2 {padding: 5px; font-size: 1.5rem; line-height: 1.7rem; font-weight: 500; text-transform: uppercase; color: #fff; text-shadow: 2px 2px 3px rgba(0,0,0,0.6);} */
/* .hh-section-hero .hh-text-3 {padding: 5px; font-size: 0.9rem; line-height: 0.9rem; letter-spacing: 1px; font-weight: 500; text-transform: uppercase; color: #fff; text-shadow: 2px 2px 3px rgba(0,0,0,0.6);} */

/* THEME */
/* Remove nav flicker */
.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li > a.uk-open {animation: uk-flicker 0s ease both;}
.uk-button-default {font-weight: 500;}
.uk-button-primary {font-weight: 500;}
.uk-button-primary:hover {background-color: #27a776;}

/* Slideshow Arrows */
.uk-slidenav-previous:hover {background-color: #32CB91;}
.uk-slidenav-next:hover {background-color: #32CB91;}

/* Remove fuzz overlay */
html::after {background-image: none;}

/* Section Default Background Image */
.uk-section-default {
  background-image: linear-gradient(#000,#000), url("/wp-content/themes/305films/assets/images/section-background-image.jpg") !important;
  background-blend-mode: soft-light;
  background-position-x: 0,50%;
  background-color: transparent;
}

/* Mobile nav */
.hh-mobile-directors {
  font-weight: 500;
  letter-spacing: 0.5px;
}

/* PORTFOLIO */
.hh-portfolio-grid .hh-title{
  color: #ffffff;
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.7rem;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}
.hh-portfolio-grid .hh-subtitle{
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 2px;
  font-size: 0.8rem;
  line-height: 1.1rem;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}
.hh-portfolio-grid .hh-gradient-cover {
  width: 100%;
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 50%); 
  transition: 0.5s;
}
.hh-portfolio-grid .hh-gradient-cover:hover {opacity: 0; transition: 0.5s;}
@media (max-width: 960px) {
  .hh-portfolio-grid .hh-title {font-size: 1rem; line-height: 1.2rem;}
  .hh-portfolio-grid .hh-subtitle {font-size: 0.7rem; line-height: 0.8rem;}
}

.uk-navbar-dropdown {
  width: 250px;
}

.hh-modal-caption > h5 {color: #32CB91 !important;}
.hh-modal-caption > h6 {color: #27B4BA !important;}

.hh-contact-bg {
  background-color: rgba(50, 203, 145, 0.4);
}