/* Generated from tbuilder_layout_part: pro-literature-cards */
/* Builder Custom CSS START */
/* Shared Card Styles */
/*====================*/

.pro_cards--layout_container {
   width: 100%;
   display: inline-flex;
   flex-wrap: wrap;
   gap: 20px;
   align-items: center;
   justify-content: space-evenly;
}

.pro_card_img {
   max-width: 100px;
   height: 100%;
}

.pro_card--title > p {
   display: inline-block;
   line-height: 20pt;
}

.pro_card--name {
   font-family: arial, sans-serif;
   font-size: 16pt;
   font-weight: bold;
   color: #006694;
}

.pro_card--phone {
   font-family: arial, sans-serif;
   font-size: 11pt;
   font-weight: bold;
}

.pro_card--email {
   font-family: arial, sans-serif;
   font-size: 10pt;
   font-weight: bold;
   color: #000;
}

.pro_card--header_text > p {
   margin:0;
   line-height: 20pt;
   font-size: 12pt;
   font-weight: normal;
   color: #000;
}

.pro_card--body_title {
   padding: 20px 20px;
   font-family: arial, sans-serif;
   font-size: 10pt;
   font-weight: 600;
   color: #555;
}

.pro_card--body_list {
   list-style-type: none;
}

.pro_card--body_list > li {
   line-height: 16pt;
   font-family: Arial, sans-serif;
   font-size: 9pt;
   letter-spacing: .25px;
}

p {
   margin: 0 !important;
}

ul {
   margin: 0 !important;
}

li {
   margin: 0 !important;
}

/* Left Card */
/*===========*/
.pro_card_left {
   max-width: 600px;
   min-width: 600px;
   width: 100%;
   box-shadow: 0px 0px 10px 8px rgba(40,40,40,0.1);
   border-radius: 8px;
   background-color: #fff;
}

.pro_card_left--header {
   display: flex;
   width: 100%;
   flex-wrap: wrap;
   flex-grow: 1;
   align-items: center;
   gap: 1rem;
   padding: 20px 0px 0px 20px;
}

.pro_card_left--body_columns {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
   padding: 0px 20px 20px 20px;
   gap: 10px;
}

/* right Card */
/*===========*/
.pro_card_right {
   max-width: 600px;
   min-width: 600px;
   width: 100%;
   box-shadow: 0px 0px 10px 8px rgba(40,40,40,0.1);
   border-radius: 8px;
   background-color: #fff;

}

.pro_card_right--header {
   display: flex;
   width: 100%;
   flex-wrap: wrap;
   flex-grow: 1;
   align-items: center;
   gap: 1rem;
   padding: 20px 0px 0px 20px;
}

.pro_card_right--body_columns {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
   padding: 0px 20px 20px 20px;
   gap: 10px;
}

/* Card Media Queries */
@media screen and (max-width: 600px) {
   
   .pro_card_left {
      max-width: 100%;
      min-width: 100%;
   }

   .pro_card_right {
      max-width: 100%;
      min-width: 100%;
   }

   .pro_card--email {
      font-size: 8pt;
   }
}
/* Builder Custom CSS END */