@charset "UTF-8";
/*
Theme Name: Xpro Child
Theme URI: https://www.wpxpro.com/xpro-theme/
Template: xpro
Author: WPXpro
Author URI: https://www.wpxpro.com/
Description: The most lightweight theme for your WordPress website. Xpro is Fast and Fully Customizable theme built for Agencies, Web Designers, Freelancers, Professionals, and Independent eCommerce store owners. This multipurpose free Elementor theme is extremely lightweight (less than 45KB on the front end) and super responsive for building any website you could imagine. Xpro theme is developed by the creators of popular free Elementor addons - Xpro Elemetor Addons. You can also customize default theme parts like header, footer, singular, archives, 404 pages, and search page by using the Xpro - free theme builder for Elementor. Let’s see What You Can Get for Free with Xpro Theme!
Tags: Blog,Custom Background,Custom Logo,Custom Menu,Flexible Header,Translation Ready,Custom Footer,Grid Layout,Portfolio,Featured Images,Full-Width Template
Version: 1.2.5.1728371837
Updated: 2024-10-08 07:17:17

*/
#primary {
  overflow: hidden;
}

.no-members {
  font-weight: bold;
  font-size: 20px;
}

.xpro-elementor-horizontal-menu-toggler {
  padding: 22px !important;
}

.member--filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.member--filter > * {
  width: 30%;
}
@media (max-width: 991px) {
  .member--filter > * {
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
  }
}
@media (max-width: 480px) {
  .member--filter {
    display: block;
  }
  .member--filter > * {
    width: 100%;
    margin-bottom: 10px;
    max-width: 100%;
  }
}
.member--liste {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
@media (max-width: 991px) {
  .member--liste {
    margin-right: -8px;
    margin-left: -8px;
  }
}
.member--item {
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .member--item {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (max-width: 480px) {
  .member--item {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.member--item--content {
  height: 100%;
  background-color: white;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
  border-radius: 16px;
  overflow: hidden;
  text-align: center;
}
.member--item--image {
  position: relative;
  width: 100%;
  padding-bottom: 80%;
  overflow: hidden;
  z-index: 1;
}
.member--item--image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: -1;
	padding: 20px;
}
.member--item--about {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 0;
  background-color: var(--e-global-color-primary);
  color: white;
  transition: all 0.4s;
  opacity: 0;
}
.member--item--detail {
  padding: 15px 25px;
}
.member--item--detail h2 {
  font-size: 24px;
  color: var(--e-global-color-primary);
  font-weight: 500;
  margin-bottom: 10px;
}
.member--item--detail h2 a {
  color: inherit !important;
}
.member--item--detail h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.member--item--detail p {
  margin-bottom: 5px;
  font-weight: 300;
}
.member--item--detail p i {
  color: var(--e-global-color-primary);
  margin-right: 10px;
}
.member--item--learn {
  left: 0;
  width: 100%;
  color: white;
  text-transform: uppercase;
  text-align: center;
  background-color: var(--e-global-color-primary);
  top: auto;
  padding: 10px 15px;
  position: absolute;
  bottom: -45px;
  transition: all 0.4s;
  display: block;
}
.member--item:hover .member--item--about {
  opacity: 1;
}
.member--item:hover .member--item--learn {
  bottom: 0;
}

body input[type="email"], body input[type="number"], body input[type="password"], body input[type="search"], body input[type="tel"], body input[type="text"], body input[type="url"], body select, body textarea {
  border-radius: 10px;
  padding: 13px 15px;
  max-width: 100%;
  background-color: transparent;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
  border: none;
}

/*# sourceMappingURL=style.css.map */