/*
Theme Name: Precision Core Pins
Description: Theme coded exclusively for Precision Core Pins.
*/

/*
HTML Boilerplate styles can be found in the html5-boilerplate/css directory.
*/

html, body {
  	font-family: "Urbanist", sans-serif;
	margin: 0;
	padding: 0;
}

body {
	display: inline-block;
	width: 100%;
  	background-image: url("/wp-content/uploads/background.png");
  	background-repeat: repeat-y;
    background-size: cover;
	-webkit-background-clip: padding-box; 
	-moz-background-clip:    padding; 
	background-clip:         padding-box;
}

p {
    font-size: 18px;
}

.outline {
	display: none !important;
}

.wrapper {
	max-width: 1240px;
	margin: 0 auto;
}

.section .wrapper {
	padding: 0 20px;
	box-sizing: border-box;
}

.top-bar {
	background: #1E5DC3;
    color: #fff;
    height: 40px;
	line-height: 40px;
    text-align: center;
}

header {
	width: 100%;
    background: #fff;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
	position: fixed;
	top: 0;
	z-index: 10;
}

header .main {
    display: inline-block;
    width: 100%;
    height: 110px;
	background-color: #fff;
}

header .main .wrapper {
	position: relative;
}

header .main .logo {
	padding: 30px 20px;
 	box-sizing: border-box;
	display: inline-block;
    position: absolute;
    z-index: 1;
}

header .main .logo img {
	width: auto;
	max-height: 50px;
}

header #menu {
	display: inline-block;
    width: 100%;
    position: absolute;
    text-align: center;
    left: 0;
    margin-top: 30px;
}

header #menu .quotes {
	display: none;
}

header .#menu ul {
	list-style: none;
	padding: 0;
}

header #menu li {
	display: inline-block;
}

header #menu a {
	text-decoration: none;
	color: #8B8B8B;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
    padding: 20px;
    margin: 0 10px;
}

header #menu a:hover {
	text-decoration: underline;
}

header .contact { 
    position: absolute;
    right: 20px;
    top: 35px;
}

header .button, header .phone { 
	display: inline-block;
	vertical-align: middle;
}

header .button {
	margin-right: 40px;
}

header .phone span {
    font-weight: bold;
    color: #4d4d4d;
}

header .phone .title {
	font-size: 14px;
    color: #939393;
}

header .phone span {
	display: block;
}

header .main .button a {
	display: block;
	text-decoration: none;
    padding: 10px 40px;
	background: #026AC9;
    border-radius: 5px;
	color: #fff;
}

header .mobile-menu {
	display: none;
	max-width: 40px;
    cursor: pointer;
    margin-left: 20px;
}

header .mobile-menu img {
	width: 100%;
}

.banner { 
  	background-image: url("/wp-content/uploads/empowering-health-innovations.png");
  	background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 520px;
    top: -10px;
    z-index: -2;
}

.button.outline {
	display: inline-block;
    color: #fff;
    text-decoration: none;
    border: 1px solid;
    padding: 10px 40px;
    border-radius: 20px;
}

.button.outline:hover {
	background: #ffffff21;	
}

.button.outline.blue {
	color: #2860C4;
}

.cta {
	position: relative;
    margin-top: 150px;
}

.home .cta .wrapper {
	max-width: 1600px;
	position: relative;
}

.cta.section { 
	background: #e7e7e7;
}

.cta.section h1 {
	 margin: 0;
    font-size: 20px;
    color: #5d5d5d;
    padding: 15px 0 10px 0;
}

.cta .overlay {
  	background-image: url("/wp-content/uploads/accent-box.png");
    position: absolute;
    top: 100px;
	right: 110px;
    width: 703px;
    height: 389px;
}

.cta .overlay .inner {
    color: #fff;
    max-width: 500px;
    margin: 0 auto;
}

.cta .overlay h1 {
    font-weight: normal;
    margin-top: 40px;
	margin-bottom: 5px;
    font-size: 34px;
    line-height: 39px;
}

.cta .overlay h1 span { 
	box-sizing: border-box;
	padding: 0 5px;
	background: #0085ff;
}

.cta .overlay p {
	font-size: 14px;
	margin-bottom: 40px;
}

.half {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	margin: 0 -1px;
}

.pack4.half, .pack.half {
	margin-right: -5px;
}

.boxes {
	padding: 0 20px;
	box-sizing: border-box;
}

.boxes .pack { 
	position: relative;
	box-sizing: border-box;
	padding: 0 20px 20px 0;
}

.boxes .data {
	height: 100%;
	color: #fff;
	position: relative;
	display: flex;
    align-items: flex-end;
	box-sizing: border-box;
	padding: 20px;
}

.boxes .one .data {
	align-items: inherit;
}

.boxes .data p {
	margin: 0 20px 0 0;
	font-size: 18px;
}

.boxes .bg img { 
	width: 100%;
}

.boxes h2 {
	margin: 0 0 5px 0;
	color: #D6D6D6;
	font-size: 13px;
	text-transform: uppercase;
}

.boxes .inner { 
	z-index: 5;
}

.boxes .pack {
  	background-repeat: no-repeat;
	background-size: cover;
}

.boxes .image, .feature .image {
	height: 240px;
	border-radius: 10px;
	position: relative;
	background-size: cover;
}

.boxes .pack .image .overlay::before {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	background: linear-gradient(0deg, rgba(30, 93, 195, 0.9) 0%, rgba(0, 0, 0, 0) 80%);
	border-radius: 10px;
}

.boxes .one .image {
  	background-image: url("/wp-content/uploads/corepins.png");
}
.boxes .two .image {
  	background-image: url("/wp-content/uploads/core-pins-9.png");
}
.boxes .three .image {
  	background-image: url("/wp-content/uploads/core-pins-6.png");
}
.boxes .four .image {
  	background-image: url("/wp-content/uploads/core-pins-5.png");
}

.boxes .one h2 {
	font-weight: normal;
	color: #fff;
	font-size: 28px;
	line-height: 30px;
	text-transform: inherit
}

.boxes .button, .full .data .button  {
    display: inline-block;
    margin-top: 20px;
    font-size: 12px;
    text-transform: uppercase;
}

.boxes .bg .image {
  	background-image: url("/wp-content/uploads/core-pins-7.png");
  	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}

.boxes .bg .overlay::before, .feature .pack.one .overlay::before, .feature .pack.four .overlay::before {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	background: linear-gradient(90deg, rgba(30, 93, 195, 0.9) 0%, rgba(0, 0, 0, 0) 50%);
	border-radius: 10px;
}

.boxes .bg .overlay::before, .feature .pack.two .overlay::before, .feature .pack.three .overlay::before {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	background: linear-gradient(0deg, rgba(30, 93, 195, 0.9) 0%, rgba(0, 0, 0, 0) 50%);
	border-radius: 10px;
}

.boxes .half { 
	vertical-align: top;
}

.boxes .half.right {
	position: relative;
}

.boxes .half.right h2, .feature .pack h2 {
	margin: 0 0 10px 0;
	color: #fff;
	font-weight: normal;
	font-size: 38px;
	line-height: 40px;
	text-transform: inherit;
	max-width: 400px;
}

.boxes .half.right p {
	max-width: 500px;
	font-size: 18px;
}

.boxes .half.right .bg img {
	max-height: 480px;
}

.full {
    position: relative;
	padding: 0 20px;
	box-sizing: border-box;
}

.full .wrapper {
	position:relative;
}

.full .image {
	height: 500px;
  	background-image: url("/wp-content/uploads/core-pins-10.png");
  	background-repeat: no-repeat;
	background-size: cover;	
	border-radius: 10px;
}

.full .overlay::before {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	background: linear-gradient(270deg, rgba(30, 93, 195, 0.9) 30%, rgba(0, 0, 0, 0) 70%);
	border-radius: 10px;
}


.full h2 {
	margin: 0 0 5px 0;
	color: #fff;
	font-weight: normal;
	font-size: 38px;
	line-height: 40px;	
}

.full .data {
	height: 100%;
	margin-left: 50%;
	display: flex;
    align-items: center;
}

.full .inner {
	margin-left: 20px;
	z-index: 5;
}

.full .data p {
	margin: 0;
	color: #fff;
	max-width: 500px;
	font-size: 18px;
}

.full .bg img {
	width: 100%;
}

.feature {
	padding: 0 10px;
	box-sizing: border-box;
}

.feature .wrapper {
	max-width: 1260px;
}

.feature .desc {
	text-align: center;
	margin-top: 40px;
}

.feature .desc, .final .desc {
	margin: 40px 20px 0 20px;
}

.feature .desc h2, .final h2 {
	margin: 0 0 5px 0;
	font-weight: normal;
	font-size: 40px;
	line-height: 45px;
	color: #026AC9;
}

.feature .desc p {
    max-width: 800px;
    margin: 0 auto 40px auto;
    font-size: 18px;
}

.feature .pack {
  	background-repeat: no-repeat;
	background-size: cover;
    position: relative;
    box-sizing: border-box;
    padding: 10px;
}

.feature .image {
	position: relative;
	height: 400px;
	border-radius: 10px;
}

.feature .data {
	padding: 20px;
	box-sizing: border-box;
	height: 100%;
	color: #fff;
	position: relative;
	display: flex;
    align-items: flex-end;
}

.feature .one .data , .feature .four .data  {
    align-items: center;
	max-width: 400px;
}

.feature .data .inner {
	z-index: 5;
}

.feature .one .image {
  	background-image: url("/wp-content/uploads/core-pins-3.png");
}
.feature .two .image {
  	background-image: url("/wp-content/uploads/core-pins-4.png");
}
.feature .three .image {
  	background-image: url("/wp-content/uploads/core-pins-2.png");
}
.feature .four .image {
  	background-image: url("/wp-content/uploads/core-pins.png");
}

.final .wrapper {
	margin: 40px auto;
	max-width: 700px;
	text-align: center;
}

.final .button {
	margin-top: 20px;
}

.final .wrapper h2 {
	margin: 0 auto;
	max-width: 500px;
}

footer .main {
	padding: 80px 20px;
	box-sizing: border-box;
	background: #1E5DC3;
	text-transform: uppercase;
	color: #fff;
}

footer .columns {
	display: inline-block;
	vertical-align: middle;
}

footer .col {
	margin-left: 100px;
	display: inline-block;
	vertical-align: top;
}

footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

footer li a, footer li a:visited {
    padding: 10px 0;
    display: inline-block;
	color: #c5dbff;
	text-decoration: none;
}

footer a:hover {
	text-decoration: underline;
}

footer p {
	color: #c5dbff;
	line-height: 40px;
}

.center {
    margin: 0 auto;
    text-align: center;
}

.section { 
	background: #fff;
}

.section h2 {
    margin: 0 0 5px 0;
    font-weight: normal;
    font-size: 40px;
    line-height: 45px;
    color: #026AC9;
}

.data { 
    padding: 40px 0;
}

.mission {
	background: #fbfbfb;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    color: #444;
    font-size: 18px;
}

.mission .wrapper {
	padding: 20px;
    max-width: 900px;
}

.section img.alignright {
	border-radius: 10px;
	margin: 0 0 20px 20px;
    max-width: 500px;
    height: auto;
}

.quotes .desc {
	max-width: 700px;
	margin: 0 auto;
}

.form {
	max-width: 600px;
    margin: 0 auto;
}

@media only screen and (max-width: 1450px) {
	.cta .overlay {
		right: 50px;
	}
	
}

@media only screen and (max-width: 1300px) {
	.cta .overlay {
		right: 0px;
	}
	
}

@media only screen and (max-width: 1150px) {
	.half {
		width: 100%;
	}
	.boxes {
		padding: 0 10px;
	}
	.pack4 {
		margin-bottom: 10px;
	}
	.pack4 .pack {
		width: 50%;
		padding: 10px;
	}
	.boxes .half.right {
		margin-bottom: 20px;
	}
	.boxes .half.right h2, .feature .pack h2, .boxes .half.right p, .full .data p,
	.feature .one .data, .feature .four .data {
		max-width: inherit;
	}
	.full .inner {
		padding-right: 20px;
    	margin-left: 0;
	}
	.bg {
		padding: 0 10px;
	}
	.full .data {
		margin: 0;
    	align-items: flex-end;
		padding: 20px;
		box-sizing: border-box;
	}
	.full .overlay::before {
		background: linear-gradient(0deg, rgba(30, 93, 195, 0.9) 0%, rgba(0, 0, 0, 0) 80%);
	}
	footer .logo {
    	display: block;
    	margin: 0 auto 40px auto;
	}
	footer .columns {	
    	width: 100%;
    	text-align: center;
	}
	footer .col {
		text-align: left;
		margin: 0 40px;
	}
}

@media only screen and (max-width: 1050px) {
	.banner { 
    	background-size: cover;
	}
	header #menu, header .button {
	 	display: none;
	}
	header .mobile-menu {
		display: inline-block;
	}
	.cta .overlay {	
	  left: 0;
	  right: 0;
	  margin-left: auto;
	  margin-right: auto;
	  text-align: center;
	}
	header #menu {
    	background: #efefef;
		max-width: 500px;
		top: 86px;
		right: 0;
		left: inherit;
	}
	header #menu.open {
		display: block;
	}
	header #menu ul {
		margin: 0;
		padding: 0;
	}
	header #menu li {
		display: block;		
	}
	header #menu a {
		display: block;
    	padding: 10px;
   		border-bottom: 1px solid #e3e3e3;
    	margin: 0;
	}
	header #menu .quotes {
		display: block;
	}
	.section img.alignright {
		max-width: 400px;
	}
}

@media only screen and (max-width: 900px) {
	header {
		position: relative;
	}
	.cta {
		margin-top: 0;
	}
	.pack4 .pack {
		width: 100%;
	}
	.section img.alignright {
		max-width: 300px;
	}
}

@media only screen and (max-width: 750px) {
	.cta .overlay {
		width: 100%;
    	background: #1e5dc3a1;
		top: -10px;
    	height: 100%;
        display: flex;
        align-items: center;
    	padding: 0 20px;
    	box-sizing: border-box;
	}
	.section img.alignright {
		float: none;
		max-width: inherit;
		margin: 0 auto;
		width: 100%;
	}
	footer .col {
		width: 100%;
		margin: 0;
		text-align: center;
	}
	.boxes .half.right h2, .feature .pack h2, .full h2, .section h2 {
        font-size: 30px;
        line-height: 34px;
	}
}

@media only screen and (max-width: 500px) {
	header .main {
		height: 80px;
	}
	header .main .logo {
		padding: 25px 10px;
	}
	header .contact {
    	top: 25px;
	}
	header .main .logo img {
    	max-height: 40px;
	}
	header .mobile-menu {
        max-width: 30px;
	}
	header #menu {
		top: 56px;
	}
	header #menu .quotes a {	
		background: #1e5dc3;
		color: #fff;
	}
}

@media only screen and (max-width: 450px) {
	header .main .logo {
        padding: 27px 10px;
	}
	header .main .logo img {
        max-height: 35px;
	}
}

/* WordPress Required Styles */
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
}
	
.sticky h2 {
	padding-top: 10px;
}