/*---------------------------------------------------------------------------------

 Theme Name:   BNI Child Theme
 Theme URI:    https://mockup.outmarket.ca/bni
 Description:  Child theme for Divi parent theme
 Author:       Md. Abu Jubaer Piash
 Author URI:   https://finestwebgeek.com/
 Template:     Divi
 Version:      1.2.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/
/* COMMONJ CSS START */
.vertical-align {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-item-align: center;
  align-self: center;
}
body {
  font-weight: 400;
  overflow-x: hidden;
}
.et_pb_row {
  width: 90%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  padding-bottom: 0;
}
.text-justify {
  text-align: justify !important;
}
.justify-content {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.flex-align {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.list-item-style ul {
  list-style-type: disclosure-closed;
  padding-bottom: 0 !important;
  padding-left: 25px !important;
}
.list-item-style ul li {
  padding-bottom: 10px;
}
.list-item-style ul li:last-child {
  padding-bottom: 0 !important;
}
.list-item-style ul li::marker {
  color: #C70707 !important;
}
@media all and (max-width: 980px) {
  .column-reverse {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  /** wrap row in a flex box **/
  .custom_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* Safari 6.1+.0 */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  /** custom classes that will designate the order of columns in the flex box row **/
  .first-on-mobile {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .second-on-mobile {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .third-on-mobile {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .fourth-on-mobile {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  /** add margin to last column **/
  .custom_row .et_pb_column:last-child {
    margin-bottom: 30px !important;
  }
}
.gform_validation_errors {
  padding: 5px 5px !important;
}
.gform_wrapper.gravity-theme .description,
.gform_wrapper.gravity-theme .gfield_description,
.gform_wrapper.gravity-theme .gsection_description,
.gform_wrapper.gravity-theme .instruction {
  padding: 5px 5px !important;
  font-size: 12px !important;
  padding: 0px 5px !important;
}
/* COMMON CSS END */
/* HERO AREA CSS START */
.hero-single-item-list ul {
  list-style: none;
  padding: 0 !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.hero-single-item-list ul li {
  width: 25%;
  padding: 0px 4%;
  position: relative;
  z-index: 1;
}
.hero-single-item-list ul li::before {
  position: absolute;
  content: "";
  background: #727478;
  width: 2px;
  height: 100%;
  right: 0;
  top: 0;
}
.hero-single-item-list ul li:last-child::before {
  display: none;
}
/* HERO AREA CSS END */
/* SINGLE MEMBER ITEM AREA CSS START */
.single-member-item-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-gap: 40px;
}
.single-member-item-list .dsm_card {
  width: calc(33.33% - 26.66px);
  margin-bottom: 0 !important;
}
.single-member-item-list h4.dsm_card_title {
  text-transform: capitalize;
}
.single-member-item-list .dsm_card_subtitle {
  text-transform: capitalize;
}
/* SINGLE MEMBER ITEM AREA CSS END */
/* SINGLE NETWORKING EVENT CSS START */
.single-networking-event-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-gap: 40px;
}
.single-networking-event-list .et_pb_blurb {
  width: calc(25% - 30px);
  margin-bottom: 0 !important;
}
.single-networking-event-list .et_pb_blurb .et_pb_main_blurb_image {
  margin-bottom: 20px !important;
}
/* SINGLE NETWORKING EVENT CSS END */
.mfp-close span.et-pb-icon {
  color: #fff !important;
  background: #C70707;
  border-radius: 50%;
}
/*========================================
        MEDIA QUERY START 
=========================================*/
@media all and (max-width: 1200px) {
  .single-networking-event-list h4.et_pb_module_header br {
    display: none;
  }
}
@media all and (max-width: 1200px) {
  .hero-single-item-list ul li {
    width: 25%;
    padding: 0px 20px;
  }
  h4.et_pb_module_header br {
    display: none;
  }
}
@media all and (max-width: 980px) {
  .hero-single-item-list ul {
    align-items: flex-start;
    grid-row-gap: 10px;
  }
  .hero-single-item-list ul li {
    width: 50%;
  }
  .hero-single-item-list ul li::before {
    display: none !important;
  }
  .single-member-item-list .dsm_card {
    width: calc(50% - 20px);
  }
  .single-networking-event-list .et_pb_blurb {
    width: calc(50% - 20px);
  }
}
@media all and (max-width: 767px) {
  .single-member-item-list .dsm_card {
    width: 100%;
  }
  .single-networking-event-list .et_pb_blurb {
    width: 100%;
  }
}
@media all and (max-width: 600px) {
  .hero-single-item-list ul li {
    width: 100%;
  }
}