/*
Theme Name:		 Landio Child
Theme URI:		 https://landio.uicore.co/
Description:	 Child theme for Landio - Multi-Purpose Landing Page WordPress Theme
Author:			 UiCore
Author URI:		 https://uicore.co
Template:		 landio
Version:		 1.0.0
Text Domain:	 landio
*/

/*
    Add your custom styles here
*/

.button-centered {
  margin: 0 auto;
}

.height-fit-content {
  height: fit-content;
}

.uicore.uicore-inner-footer.elementor-section {
  padding: 1.5rem 80px 0rem 80px;
}

#selectors-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  gap: 2rem;
}

#partners-selector,
#partners-selector-type {
  padding: 20px 60px 20px 30px;
  border-radius: 50px;
  border: 1px solid #000;
}

#partners {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 15px;
  margin-bottom: 10rem;
}

#partners > article {
  display: flex;
  align-items: center;
  gap: 50px;
  padding: 50px;
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}

#partners > article > .partners-image {
  padding: 0 80px;
}

#partners > article > .partners-info {
  display: flex;
  flex-direction: column;
}

#partners > article > .partners-info > h3 {
  color: #000;
  font-size: 32px;
  font-weight: 500;
  margin: 0;
}

#partners > article > .partners-info > h4 {
  margin-top: 0;
  margin-bottom: 60px;
}

#partners > article > .partners-info > h4,
#partners > article > .partners-info > h4 > a {
  color: #858585;
  font-size: 24px;
}

#partners > article > .partners-info > p {
  color: #6e727d;
  font-size: 17px;
  line-height: 24px;
  margin-top: 20px;
}

#partners > article > .partners-info > .partners-info-icons {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: space-between;
}

#partners
  > article
  > .partners-info
  > .partners-info-icons
  > .partners-info-icons-item {
  display: flex;
  align-items: center;
}

#partners
  > article
  > .partners-info
  > .partners-info-icons
  > .partners-info-icons-item
  > img {
  margin-right: 5px;
}

#partners
  > article
  > .partners-info
  > .partners-info-icons
  > .partners-info-icons-item
  > span,
#partners
  > article
  > .partners-info
  > .partners-info-icons
  > .partners-info-icons-item
  > span
  > a {
  color: #6e727d;
  font-size: 15px;
}

@media (width <= 900px) {
  #partners > article {
    flex-direction: column;
    padding: 10px;
    gap: 20px;
  }
  #partners > article > .partners-image {
    padding: 0;
  }
  #selectors-container {
    flex-direction: column;
  }
  #partners > article > .partners-info {
    width: 100%;
    word-break: break-word;
  }
}