/* Generated from tbuilder_layout_part: pro-literature-brand-cards */
/* Builder Custom CSS START */
/* Spacers */
/*=========*/

.vspacer_20 {
   margin:0;
   padding: 20px 0px 0px 0px;
}

.vspacer_120 {
   margin:0;
   padding: 120px 0px 0px 0px;
}

/* Shared Card Styles */
/*====================*/

.brand_pro_cards--layout_container {
   width: 100%;
   display: inline-flex;
   flex-wrap: wrap;
   flex-direction: row;
   gap: 20px;
   align-items: center;
   justify-content: space-between;
}

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

.brand_pro_card--header_img {
   display: flex;
   align-items: center;
   min-height: 150px;
}

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

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

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

.brand_pro_card--body {
   max-width: 200px;
   width: 100%;
   margin-inline: auto;
   text-align: center;
}

.brand_pro_card--body_title {
   font-family: arial, sans-serif;
   font-size: 12pt;
   font-weight: 500;
   color: #555;
}

.brand_pro_card--body_title > p {
   line-height: 1.5em;
}

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

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

p {
   margin: 0 !important;
}

/* Custom Sizing Classes */
/*=======================*/

.onepager_img {
   max-width: 150px;
}

/* Card */
/*===========*/
.brand_pro_card {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   max-width: 300px;
   min-height: 400px;
   box-shadow: 0px 0px 8px 0px rgba(120,120,120,0.1);
   border-radius: 4px;
   background-color: #eaeaec;
   padding: 20px;
   border: 1px solid #ddd;
}

.brand_pro_card--header {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   gap: 1rem;
}

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

.brand_pro_card_button_container {
   width: 100%;
   max-width: 200px;
   margin-inline: auto;
   text-align: center;
}

.brand_pro_card_button {
   width: 100%;
   cursor: pointer;
   text-decoration: none !important;
   background-color: #006694;
   text-align: center;
   padding: 12px 20px;
   border: 1px solid #006694;
   border-radius: 10px;
   color: #fdfdff;
   font-size: 1em;
   font-weight: 600;
   margin-top: auto;
}

.brand_pro_card_button:hover {
   transition: .15s ease-in-out;
   background-color: #fdfdff;
   color: #006694;
   border: 1px solid #bbb;
   text-decoration: none !important;
}

/* Card Media Queries */

@media screen and (max-width: 1200px) {
   
   .brand_pro_cards--layout_container {
      justify-content: center;
   }
}

@media screen and (max-width: 600px) {
   
   .brand_pro_card--name {
      font-size: 1em;
      text-align: center;
   }
}
/* Builder Custom CSS END */