/* ==========================
 Custom Styles Template Large Employers page
============================= */

.large-employers .sidebar-component.borderless p a.break-word {
  word-break: break-word;
  word-wrap: break-word;
}


/*Large Employers template class*/

.large-employers {
  font-size: 15px;
  line-height: 1.5;
}

.large-employers .wrapper-content.top .main-right {
  background-color: #FFF;
  padding: 0;
}
.large-employers .media .media-object
.large-employers .panel-body {
  padding: 0 15px;
}

.large-employers .sidebar-component.borderless h2,
.large-employers h1,
.large-employers h2,
.large-employers h3 {
  color: #012169;
}

.large-employers .main-left.top h2 {
  color: #666;
}

.large-employers .sidebar-component.borderless p {
  font-size: 15px;
  line-height: 1.3;
}

.large-employers .sidebar-component.borderless p a.dark-blue,
.large-employers .icon-container a.dark-blue {
  color: #012169;
  font-family: connectionsbold;
}

.large-employers .sidebar-component.borderless p a.dark-blue:hover,
.large-employers .icon-container a.dark-blue:hover {
  color: #0052C2;
}

.large-employers h1 {
  font-size: 28px;
  margin: 20px 0;
}

.large-employers h2 {
  font-family: connections;
  font-size: 24px;
  margin: 10px 0 15px 0;
}

.large-employers .main-left.top h2 {
  margin-top: 20px;
}

.large-employers h3 {
  font-family: connections;
  font-size: 20px;
  margin-bottom: 6px;
}

.large-employers h4 {
  font-family: connections;
  font-size: 18px;
  margin-bottom: 6px;
}


/* Large Employers main areas left and right*/

.large-employers .main-right {
  height: 100%;
}

.large-employers .main-right .sidebar {
  float: none;
  height: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}

.large-employers .main-left {
  height: 100%;
  min-height: 100%;
}

.large-employers .main-right .sidebar .email,
.large-employers .main-right .sidebar .phone {
  text-align: center;
}

.large-employers .main-right .sidebar .phone {
  margin-top: 4px;
}

.large-employers .main-right .sidebar .phone>a {
  color: #012169;
}

.large-employers .main-right .sidebar .email-icon {
  height: 25px;
  margin-right: 3px;
  width: 38px;
}

.large-employers .main-right .sidebar .phone-icon {
  height: 20px;
  margin-right: 3px;
  width: 20px;
}

.large-employers .main-right .sidebar .sidebar-container {
  margin-top: 0;
  /*shift this in this template to margin top inside component*/
  margin-bottom: 30px;
}

.large-employers .sidebar-component.related p {
  line-height: 1.3;
}

.large-employers .main-right.top .sidebar-component.borderless.margin-bottom {
  background-color: #ebe7dc;
  padding: 10px 28px;
}


/*large employers icons area*/

.large-employers .tab-content,
.large-employers .panel-body {
  font-size: 15px;
}

.large-employers .panel-body>h2:first-of-type {
  margin-top: 40px;
}

.large-employers .media>* {
  display: block;
  width: auto;
}

.large-employers .media .media-body .media-heading {
  color: #000A23;
}

.large-employers .media .media-object {
  width: 50%;
  height: auto;
  margin: 0 auto;
}

.large-employers .darkest-blue {
  color: #000A23;
}
.large-employers-quotes{
	background-color: #ebe7dd;
    padding: 21px;
    position: relative;
	clear: left;
}

/* Media Queries */


/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {
  .large-employers .media>* {
    display: table-cell;
  }
  .large-employers .media .media-left {
    width: 140px;
  }
  .large-employers .media .media-body {
    width: auto;
  }
  .large-employers h1 {
    margin-top: 5px;
  }
  .large-employers h2 {
    margin: 10px 0;
  }
  .large-employers .sidebar-container {
    margin-top: 0;
  }
  .large-employers .main-right .sidebar {
    width: 87%;
  }

  .large-employers .wrapper-content {
    margin-bottom: 25px;
  }
}


/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
  .large-employers .main-left {
    width: 870px;
  }
  .large-employers .main-right {
    width: 330px;
  }
}


@media (max-width:568px){
	.large-employers .media .media-object {
	  width: 85px;
	  float:left;
	  margin-right:25px;
	}
}