/*======================================
Theme Name: USRBP Employer Theme 2
Theme URI: https://employer-theme-2.mybenfitsinfo.com
Description: Theme 2 for Employer Web Sites by USRBP
Version: 1.0
Author: Kevin Dunn
Author URI: 
Template: Divi
======================================*/

/* Homepage Info Block Styles */

.homepage-info-block {
  margin-bottom: 2em;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
}

.homepage-info-title-table {
  box-sizing:border-box;
  display: table;
  position: relative;
}

.homepage-info-icon-wrapper {
  box-sizing: border-box;
  display: table;
  position: relative;
  font-size: xx-large;
  padding: 10px;
  color: #004c97;
}

.homepage-info-title {
  box-sizing: border-box;
  display: table-cell;
  font-size: 24px;
  font-weight: 500;
  line-height: 33.6px;
  text-align: left;
  vertical-align: baseline;
  overflow-wrap: break-word;
  font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif;
}

.homepage-info-action {
  text-align: center;
  font-weight: 700;
  display: block;
}

/* Homepage Benefit Grid */
/* =========================================
.pa-blog-equal-height .pa-auto-height {
  height: auto !important;
}

.pa-blog-equal-height .pa-auto-margin {
  margin-top: 20px !important;
}

.benefits-grid-homepage {
  display: inline-grid;
  padding: 10px;
}

.benefit-grid-homepage-item {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
  border: 1px solid rgba(0, 0, 0, 0.8);
  padding: 20px;
  font-size: 30px;
  text-align: center;
}
========================================================*/

/* Media Query fix */

/* For desktop: */
/*
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
*/
  /* For mobile phones: */
  /*
@media only screen and (max-width: 768px) {

  [class*="col-"] {
    width: 100%;
  }
}
*/

/* Benefit Detail Page Items */

.benefits-plan-document {
  padding-bottom: 20px;
}

.plan-document-title {
  font-size: 18px;
  font-family: "Rubik", Helvetica, Arial, Lucida, sans-serif;
  font-weight: 500;
  padding-bottom: 10px;
}

.benefits-plan-website {
  padding-bottom: 20px;
}

.plan-website-name {
  font-size: 18px;
  font-family: "Rubik", Helvetica, Arial, Lucida, sans-serif;
  font-weight: 500;
  padding-bottom: 10px;
}

.benefits-plan-contact {
  padding-bottom: 20px;
}

.plan-contact-name {
  font-size: 18px;
  font-family: "Rubik", Helvetica, Arial, Lucida, sans-serif;
  font-weight: 500;
  padding-bottom: 10px;
}

/* Homepage Benefit Logo */

.benefit-logo-img {
  max-width: 100%;
  height: auto;
  display:inline-block;
  background-color: white;
  box-shadow: 0px 2px 18px 0px #ffffff;
}

/* Top Menu Site Name */

.topmenu-sitename {
  font-size: 25px;
  color: white;
  float: left;
  text-decoration: none;
  text-decoration-color: white;
}

/* If the link is unvisited you see this color*/
.topmenu-sitename a:link {
  color: white;
  text-decoration: none;
}

/* If the link is visited you see this color*/
.topmenu-sitename a:visited {
  color: white;
}

/* On placing mouse over the link */
.topmenu-sitename a:hover {
  color: white;
  text-decoration: underline;
}

/* If the click the link,  you see this color*/
.topmenu-sitename a:active {
  color: white;
}

.topmenu-breadcrumb {
  font-size: 25px;
  color: white;
  float: right;
  text-decoration: none;
  text-decoration-color: white;
}

/* If the link is unvisited you see this color*/
.topmenu-breadcrumb a:link {
  color: white;
  text-decoration: none;
}

/* If the link is visited you see this color*/
.topmenu-breadcrumb a:visited {
  color: white;
}

/* On placing mouse over the link */
.topmenu-breadcrumb a:hover {
  color: white;
  text-decoration: underline;
}

/* If the click the link,  you see this color*/
.topmenu-breadcrumb a:active {
  color: white;
}