/*
Theme Name:  PGS
Theme URI:   http://localhost:8888/PGS
Version:     1.0
Description: A child theme of Divi. This is a custom child theme created for our site PGS.
Author:      nimda
Author URI:  http://localhost:8888/PGS
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/

/**
    Grid Styling for categories
**/

#mepr-account-nav{
	background-color: #779ecb !important;
}

.project-categories-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 80px 0!important;
}

.project-categories-wrapper h1 {
  text-align: center;
  margin-bottom: 40px;
	font-family: 'Lora';
	font-weight: 400;
	color: #779ecb !important;
	font-size: 65px;
	
}
.project-categories-grid {
  /*display: grid;*/
  /*grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));*/
  /*gap: 20px;*/
  /*justify-content: center;*/
      display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 300px));
    gap: 20px;
    justify-content: center;
}
.project-category-card {
  background: #fff;
  border: 1px solid #759ece36;
  border-radius: 8px;
  min-height: 300px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  transition: all 0.3s;
}
.project-category-card:hover{
	background: #779ecb;
}

.project-category-card:hover h3,
.project-category-card:hover p{
	color: #fff !important;
}
	
.project-category-card:hover {
  box-shadow: 0 6px 15px rgba(0,0,0,0.1);
}
.project-category-card a {
  display: block;
  text-decoration: none;
  color: inherit;
  height: 100%;
}
.project-category-card .category-thumb {
  height: 180px;
  overflow: hidden;
}
.project-category-card .category-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.project-category-card .category-content {
  padding: 20px;
  text-align: center;
}
.project-category-card .category-content h3 {
  margin: 0 0 10px;
  font-size: 20px;
	color: #779ecb;
	font-family: 'Poppins';
	height: calc(100% - 180px);
}
.project-category-card .category-content p {
  margin: 0;
  font-size: 16px;
  color: #666;
}
.no-categories {
  text-align: center;
  grid-column: 1 / -1;
}


.um-field-label .um-field-label-icon {
	float: inherit !important;
}

.um-field-label .um-field-label-icon i {
	font-size: 18px !important;
	color: #779ecb !important;
}

.um-field-label label {
	font-size: 14px !important;
	font-weight: 500 !important;
}