/*
 Theme Name:     Divi Child Theme - Tepass Capital Edition
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         Divi.world
 Author URI:     http://divi.world
 Template:       Divi
 Version:        1.0.0
*/

/* Colors */
:root {
  --energy-blue-200: rgba(19,48,65,0.48);
  --energy-blue-400: #133041;
  --energy-blue-600: #071118;
  --energy-green-400: #99BC4B;
  --energy-green-600: #7E9C3A;
  --oncta: #ffffff;
  --on-primary-high: #ffffff;
  --clr-button: var(--energy-green-400);
  --clr-button-hover: var(--energy-green-600);
  --shadow: 0 0 50px rgba(0,0,0,0.05), 0 0 2px rgba(0,0,0,0.1);
}

/* Footer */
#main-footer {
  display: none;
  }

/* Main Navigation */
  .et_pb_svg_logo #logo, .et_pb_svg_logo.et_header_style_split .et-fixed-header .centered-inline-logo-wrap #logo {
      height: 100%;
  }
  
  #logo {
      max-height: 100px;
  }
  
  .et_mobile_menu {
    border-color: #fff;
  }
  
  .mobile_menu_bar:before {
      color: #fff;
  }

  /* Hero */
  
  #hero {
    height: 90vh;
    display: flex;
  }

  @media(min-width: 768px) {
    #hero {
      height: 90vh;
    }
  }
  
  #hero .et_pb_row {
  align-items: center;
    justify-content: center;
  }

  #hero p {
    font-size: 42px;
    line-height: 1.2em;
    text-align: center;
  }

  @media(min-width: 480px) {
    #hero p {
      font-size: 54px;
    }
  }

  @media(min-width: 768px) {
    #hero p {
      font-size: 60px;
    }
  }

  @media(min-width: 1024px) {
    #hero p {
      font-size: 80px;
    }
  }
  
  /* Portfolio */
  
  #investments-grid .et_pb_column {
    display: grid;
    align-items: center;
  }
  
  #investments-grid img {
    /*max-width: 250px;*/
  }
  
  
  @media(min-width: 768px) {
  #investments-grid .et_pb_column {
    grid-template-columns: repeat(2,1fr);
    gap: 2rem
  }
  }


  /* Investment Filterable Grid */
  .investmentgrid {

}
.investmentgrid.dpdfg_filtergrid_0 .dp-dfg-container .dp-dfg-items .dp-dfg-item {
  /*border: 2px solid #000 !important;*/
  box-shadow: var(--shadow) !important;
}

.investmentgrid.dpdfg_filtergrid_0 .entry-title, .dpdfg_filtergrid_0 .entry-title a {
  visibility: hidden !important;
  
}

.investmentgrid .dp-dfg-skin-default .dp-dfg-filters ul {
  gap: 0.5rem;
}

@media(min-width: 480px) {
.investmentgrid .dp-dfg-skin-default .dp-dfg-filters ul {
  gap: 1rem;
}
}

.investmentgrid .dp-dfg-custom-content {
  margin-top: -1rem;
}

.dp-dfg-container>div {
  margin-bottom: 1rem !important;
}

.investmentgrid .dp-dfg-pagination .pagination a, 
.investmentgrid .dp-dfg-skin-default .dp-dfg-filter a, 
.investmentgrid .et-l .dp-dfg-pagination .pagination a.pagination-link, 
.investmentgrid .et-l .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link {
  border: none !important;
  border-bottom: 0.25rem solid rgba(0,0,0,0) !important;
  font-size: 1rem !important;
}

.investmentgrid .dp-dfg-skin-default .dp-dfg-filter a.active, 
.investmentgrid .dp-dfg-skin-default .pagination li.active a, 
.investmentgrid .et-l .dp-dfg-skin-default .dp-dfg-filter a.active, 
.investmentgrid .et-l .dp-dfg-skin-default .pagination li.active a {
  color: #ffffff !important;
  color: #000 !important;
  border-bottom: 0.25rem solid #000000 !important;
}

@media(max-width: 480px) {
  .investmentgrid .dp-dfg-pagination .pagination a, 
  .investmentgrid .dp-dfg-skin-default .dp-dfg-filter a, 
  .investmentgrid .et-l .dp-dfg-pagination .pagination a.pagination-link, 
  .investmentgrid .et-l .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link{
  padding: 0.5em 0.6em !important;
}
}


  
/* Contact */

#contact h2 {
  text-align: center;
}

#contact h2 img {
  display: inline-block;
  max-width: 1.4em; 
  margin-left: 0.3em; 
  margin-bottom: -0.2em;
}

@media(max-width: 480px) {
  #contact h2 img {
    display: block;
    margin-top: 1em;
    max-width: 2em;
    margin-left: auto;
    margin-right: auto;

  }
}