/* ==========================================================================
   TABLE OF CONTENTS
   01. Global Layout & Utilities
   02. Header & Navigation
   03. Lightbox & Popouts
   04. Home Page Components
   05. Video Components
   06. Shop & WooCommerce
   07. Resume Page
   08. Footer
   ========================================================================== */


/* ==========================================================================
   01. GLOBAL LAYOUT & UTILITIES
   ========================================================================== */

.fullwidth {
  width: 100%;
}

.light {
  background-image: none !important;
  background-color: #E9E9E9 !important;
}

.section {
  padding-left: 15px;
  padding-right: 15px;
}

.section-title-container {
  padding-left: 10px;
  padding-right: 10px;
}

.justify {
  text-align: justify;
}


/* ==========================================================================
   02. HEADER & NAVIGATION
   ========================================================================== */

.nav > li > a,
.nav > li > a:hover {
  color: hsl(0, 0%, 50%);
}

.mobileicons .col {
  padding-left: 3px !important;
  padding-right: 3px !important;
}


/* ==========================================================================
   03. LIGHTBOX & POPOUTS
   ========================================================================== */

.mfp-arrow {
  top: 45% !important;
}

.mfp-arrow:after {
  color: #fff !important;
  opacity: 1 !important;
}

.mfp-arrow-left {
  left: -17px !important;
}

.mfp-arrow-right {
  right: -12px !important;
}

.mfp-ready .mfp-close {
  opacity: 1.0;
}

.mfp-close {
  background: rgba(0, 0, 0, 0.9);
  border-radius: 100%;
  padding: 0;
}

.mfp-close svg {
  filter: drop-shadow(0 0 0 black);
}

.off-canvas-left .mfp-content,
.off-canvas-right .mfp-content {
  background-color: hsla(0, 0%, 100%, 1.0);
}

.searchgallery {
  background-color: #fff;
  border-radius: 90px;
}

.searchgallery input,
.poppoutsearch input {
  height: 50px;
  line-height: 50px;
  padding: 0 25px;
}


/* ==========================================================================
   04. HOME PAGE COMPONENTS
   ========================================================================== */

.homehero .section-bg :is(img, picture, video) {
  min-height: 347px;
}

.secscroll {
  padding-left: 0; 
  padding-right: 0;
}

.secscroll .section-title-container {
  max-width: 91%;
}

.flickslide .row {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

/* Smooth transition to all slider images */
.flickslide .flickity-slider > div img {
  transition: filter 0.6s ease;
}

/* Grayscale inactive slides */
.flickslide .flickity-slider > div:not(.is-selected) img {
  filter: grayscale(100%);
}

.homephoto > .gallery-col:nth-child(n+15) {
  display: none;
}

.eapps-instagram-feed-header-follow-button-wrapper {
  display: none;
}


/* ==========================================================================
   05. VIDEO COMPONENTS
   ========================================================================== */

.videowrap .itemtitle,
.vidtitle {
  color: #000;
  font-weight: 700;