/* Foundation Media Queries. Copy from here if needed.

Small only
@media screen and (max-width: 39.9375em) {}

Medium and up
@media screen and (min-width: 40em) {}

Medium only
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

Large and up
@media screen and (min-width: 64em) {}

Large only
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}

*/

body {
	overflow-x: hidden;
}

.breadcrumbs {
	margin-top:.5em;
}

h2 {
	text-transform: uppercase;
	font-family: Calibri, Arial, sans-serif;
	color:#FF5B00;
	font-weight: bold;
}

/*Medium and up*/
@media screen and (min-width: 40em) {
	h2 {
		font-size: 1.7em;
	}
}

h2#jls-head-addl-svcs {
	margin-top: 1em;
}

h3 {
	text-transform: uppercase;
	font-family: Calibri, Arial, sans-serif;
	color:#10253F;
	font-weight: bold;
}


/*Medium and up*/
@media screen and (min-width: 40em) {
	h3 {
		font-size: 1.35em;
	}

}

span.inlineHeading {
	color:#F38B00;
	font-weight: bold;
}

img#jls-logo {
	 /*float:left;*/
	 /*max-height:5em;*/
	 margin-right: 1em;
}

div#jls-tagline {
	padding-top: .75em;
}

p#jls-tagline-text {
	font-size:.95em;
	font-weight: bold;
	text-align: left;
}

div[id^="jls-contact-block"] a.button {
	background-color: #F28B00; /*Contact Us button color*/
}

nav#small-menu-only {
	z-index: 9999;
}

div#jls-contact-block-foot {
	padding-top:1.5em;
}

.heading-icon {
	/*Settings for various heading-icon-NAME styles for specivic background-image: url();*/
	padding-left: 1.45em;
	background-repeat: no-repeat;
	vertical-align: middle;
}

.heading-icon-content-dev{
	background-image: url(../img/icons/ico-content-dev-24.png);
}

.heading-icon-elearning{
	background-image: url(../img/icons/ico-elearning-24.png);
}

.heading-icon-emr{
	background-image: url(../img/icons/ico-emr-24.png);
}

.heading-icon-hpt{
	background-image: url(../img/icons/ico-hpt-24.png);
}

.heading-icon-it-tech{
	background-image: url(../img/icons/ico-it-tech-24.png);
}

.heading-icon-lna{
	background-image: url(../img/icons/ico-lna-24.png);
}

.heading-icon-ocm{
	background-image: url(../img/icons/ico-ocm-24.png);
}

.heading-icon-sap{
	background-image: url(../img/icons/ico-sap-24.png);
}

/*Small only*/
@media screen and (max-width: 39.9375em) {
	.heading-icon {
		padding-left: 1.65em;
		padding-top: .2em;
		padding-bottom: .2em;
	}
	.heading-icon-content-dev{
	background-image: url(../img/icons/ico-content-dev-24.png);
	}

	.heading-icon-elearning{
		background-image: url(../img/icons/ico-elearning-24.png);
	}

	.heading-icon-emr{
		background-image: url(../img/icons/ico-emr-24.png);
	}

	.heading-icon-hpt{
		background-image: url(../img/icons/ico-hpt-24.png);
	}

	.heading-icon-it-tech{
		background-image: url(../img/icons/ico-it-tech-24.png);
	}

	.heading-icon-lna{
		background-image: url(../img/icons/ico-lna-24.png);
	}

	.heading-icon-ocm{
		background-image: url(../img/icons/ico-ocm-24.png);
	}

	.heading-icon-sap{
		background-image: url(../img/icons/ico-sap-24.png);
	}
}

a.jls-menulink {
	color:currentColor; /*Does not work when style is grouped with pseudo-classes for some reason.*/
}

a.jls-menulink:active,
a.jls-menulink:hover,
a.jls-menulink:focus,
a.jls-menulink:focus-within,
a.jls-menulink:followed {
	color:currentColor;
}

div.jls-menuitem {
	padding:.5em;
}

a.jls-menulink > div.jls-menuitem:hover {
	border:1px solid #10253F;
	border-radius:5px;
	cursor:pointer;
}

div.jls-menuitem h3 {
	/*font-size: 18px;*/
	margin-bottom: 0;
}

div.jls-menuitem p {
	font-size: .9em;
	margin-bottom:0;
}

div.current-page {
	background-image: linear-gradient(
		white,
		rgba(231,233,235,.7)
	);
	border-radius:5px;
	/*
	border:1px solid #BFBFBF;
	cursor:pointer;
*/
}
/*div.current-page p {
	color:#BFBFBF;
}*/


/*Change carousel (Orbit) bullets border and background colors to match branding*/

.orbit-bullets button {
    background-color: transparent;
    border: 2px solid #F38B00;
}

.orbit-bullets button.is-active {
    background-color: #F38B00;
    opacity: .75;
}

header#jls-header, div#jls-image-link-container {
	background-image: linear-gradient(
		white,
		rgba(231,233,235,.7)
	);
}

div.#jls-section-content {
	clear:all;
}

#jls-page-content
{
	margin-bottom: 2.5em;
}

div#jls-image-link-container a.button {
	background-color:#F28B00;
	margin-top:.5em;
}

div#jls-addl-svcs-container > div.cell > p > a.button {
	margin-top:.5em;
}

/*Medium and up*/
@media screen and (min-width: 40em) {
	/*Sets the add'l services buttons to the bottom of the add'l services cards*/
	div#jls-addl-svcs-container > div.cell {
		position:relative;
	}

	div#jls-addl-svcs-container > div.cell > p > a.button {
		position:absolute;
		bottom:0;
		margin-top:.5em;
	}

	div#jls-addl-svcs-container > div.cell > p {
		margin-bottom:2.5em;
	}
}

hr.divider {
	border-style: solid;
    border-color: #BFBFBF;
    border-width: 2px 0 0 0;
	margin-top:0;
	margin-bottom:1.5em;
}

#hr-first {
	margin-bottom: 2.5em;
}

#hr-second {
	margin-top:1em;
}

/*Masonry wall for awards*/
.masonry-css {
  -webkit-column-count: 2;
          column-count: 2;
  -webkit-column-gap: .75rem;
          column-gap: .75rem;
}

@media screen and (min-width: 25em) {
  .masonry-css {
    -webkit-column-count: 2;
            column-count: 2;
  }
}

@media screen and (min-width: 37.5em) {
  .masonry-css {
    -webkit-column-count: 3;
            column-count: 3;
  -webkit-column-gap: 1.5rem;
          column-gap: 1.5rem;
  }
}


@media screen and (min-width: 50em) {
  .masonry-css {
    -webkit-column-count: 4;
            column-count: 4;
  }
}

@media screen and (min-width: 68.75em) {
  .masonry-css {
    -webkit-column-count: 5;
            column-count: 5;
  }
}

.masonry-css-item {
  -webkit-column-break-inside: avoid;
          break-inside: avoid;
  margin-bottom: 1rem;
}

/*
div.masonry-css-item > img {
	max-width:172.5px;
	height:auto;
}

@media screen and (min-width: 40em) {
	div.masonry-css-item > img {
		max-width:233.5px;
	}
}
*/