/* 
  Main file for implementing custom design     
*/

:root {
  --wp--preset--color--palette-color-2-rgb: 20, 64, 116;
}

/* Global Styles */
#main-container {
  #header {
    nav {
      margin-right: 0;

      > .menu > li > a {
        font-family: var(--theme-button-font-family);
        font-weight: 700;
      }
    }
  }

  .wp-block-navigation {
    gap: 0.75rem;

    li {
      
      a {
        font-size: var(--theme-font-size);

        &:hover {
          color: var(--theme-link-hover-color);
        }
      }
    }
  } 

  .ct-breadcrumbs {
    span:not(.first-item) a {
      text-decoration: underline;

      &:hover {
        text-decoration: none;
      }
    }
  }
/* 
  .vdlp-development a {
      text-decoration: underline !important;
  } */

  .vdlp-gallery {
    padding-bottom: 30px;

    figcaption {
      font-size: var(--theme-font-size-large);
    }
  }

  .vdlp-header {

    .gspb_image::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 50%;
      background: linear-gradient(
        to top,
        rgba(var(--wp--preset--color--palette-color-2-rgb), 1) 0%,
        rgba(var(--wp--preset--color--palette-color-2-rgb), 0.7) 40%,
        rgba(var(--wp--preset--color--palette-color-2-rgb), 0.4) 60%,
        rgba(var(--wp--preset--color--palette-color-2-rgb), 0) 90%
      );
      pointer-events: none;
    }

    @media (min-width: 1340px) {
      max-width: 1800px;
      margin-inline: auto;
      margin-top: calc((var(--header-sticky-height) + (var(--header-sticky-height)) / 2));
      padding-inline: 2rem;
    }
  }
}

/* Icon List Styles */
ul[class^="gs_icon_list_"] {
  .icon-list-icon {
    fill: var(--wp--preset--color--palette-color-8);
  }

  .icon-list-wrapper {
    background-color: var(--wp--preset--color--palette-color-9);
    min-width: 32px;
    width: 32px;
    height: 32px;
  }
}