/*========================
General Styling, Universal
========================*/

/* ===== RESET ===== */

* { box-sizing: border-box; }
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; color:#143a6e; }
q:before, q:after { content:'' }
strong { font-weight:bold }
em { font-style:italic }
a img { border:none }
input, textarea { outline: none; border: none; }
p, li {
	font-size: 1.6em;
	padding-bottom: 1%;


}
img {
	float: left;
	width: 100%;
	vertical-align: middle;
}

button {
	text-transform: uppercase;
	font-weight: bold;
	padding: 4%;
	font-size: 1.2em;
}

select {    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}

/* ===== RESET PLACEHOLDER STYLING ===== */
::-webkit-input-placeholder {
color: #707070;
}
:-moz-placeholder {
color: #707070;
}
::-moz-placeholder {
color: #707070;
}
:-ms-input-placeholder {
color: #707070;
}
body {
font-family: 'PT Sans', sans-serif;
	background:#FFF;
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	width: 100%;
	-webkit-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
	transition: all ease-in-out 0.2s; }
* {
	/* MEANS PADDING DOESN'T ADD TO BOX SIZE */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-font-smoothing: antialiased;

	/* RESETS BROWSER TEXT SIZING ADJUSTMENTS */
	-webkit-text-size-adjust: 100%;
}


/* Grid System */

/*  SECTIONS  */
.section {
	clear: both;
	padding: 20px 0;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }



/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col {
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}






/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 771px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}







/*  GRID OF SIX  */
.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
  	width: 83.06%;
}

.span_4_of_6 {
  	width: 66.13%;
}

.span_3_of_6 {
  	width: 49.2%;
}

.span_2_of_6 {
  	width: 32.26%;
}

.span_1_of_6 {
  	width: 15.33%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 1200px) {
	.tab-scroll .col {  margin: 1% 0 1% 0%; }
	.tab-scroll .span_1_of_6, .tab-scroll .span_2_of_6, .tab-scroll .span_3_of_6, .tab-scroll .span_4_of_6, .tab-scroll .span_5_of_6, .tab-scroll .span_6_of_6 { width: 33.3333%; }
}



/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 745px) {
	.tab-scroll .col {  margin: 1% 0 1% 0%; }
	.tab-scroll .span_1_of_6, .tab-scroll .span_2_of_6, .tab-scroll .span_3_of_6, .tab-scroll .span_4_of_6, .tab-scroll .span_5_of_6, .tab-scroll .span_6_of_6 { width: 50%; }
}



/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6 { width: 100%; }
}





/*Design Layout*/

/* Assests */
.note { font-weight:bold; font-style: italic; }
.assets-nav li { width: 50%; float: left; padding:6px; }
.assets-nav li a { width: 100%; margin:0; padding:18px; }
.assets { border-top:7px solid #3B85C7; float: left; width: 100%; }


/* Options */
#sitemap ul { float: left; width: 100%; margin:2% 0; }
#sitemap ul li a { text-decoration: none; color: #909090; margin-right:10px; }
#sitemap ul li a strong { color: #000; }


/* inputs */
input[type="checkbox"] {
    background: #FFF;padding:5px;
}


.link-wrap { position: relative; float: left; width: 100%; overflow: hidden; padding: 5%; border-radius:10px; overflow: hidden;  }
.link-wrap .research-image { min-width: 785px; }
.link-wrap img { position: absolute; top: 0; left: 0; z-index: -1; border-radius: 8px; }
.link-wrap .button { margin-top: 20px; }
.link-wrap .button img { position: static;  border-radius: 0px;}

.wrap { max-width: 1200px; margin:0 auto; padding: 0 15px; }
section { float: left; width: 100%; /*padding:20px 0;*/ }

.no-background { background: none !important; }
.fa-check-circle, .fa-info-circle {color:#907ABC; margin-right: 5px;}
.margin { margin:30px 0; }


.internal-image { border-radius: 10px; margin-bottom: 20px }


/* Page Layout */

.pathway-half { width: 100%; }

#two-col-video { padding-bottom: 0; }
#two-col-video .section { padding-bottom: 0px; }
#two-col-links .internal-link { margin-top: 0; }

#two-col-right {  }

/*  GO FULL WIDTH BELOW 1000 PIXELS */
@media only screen and (max-width: 1000px) {
	#two-col-right .col {  margin: 1% 0 1% 0%; }
	#two-col-right .span_3_of_3, #two-col-right .span_2_of_3, #two-col-right .span_1_of_3 { width: 100%; }
	#two-col-right .garden-page.span_2_of_3 { width: 66.13% ; }
	#two-col-right .garden-page.span_1_of_3 { width: 32.26% ; }

}


/*  GO FULL WIDTH BELOW 1000 PIXELS */
@media only screen and (max-width: 890px) {
	#two-col-right .garden-page.col {  margin: 1% 0 1% 0%; }
	#two-col-right .garden-page.span_2_of_3 { width: 100% ; }
	#two-col-right .garden-page.span_1_of_3 { width: 100% ; }
}





/* Typography */
@font-face {
    font-family: din_next;
    src: url('../fonts/DIN-Next-Rounded-LT-W01-Medium.ttf') format('opentype');
}

.typography ul:not(.check-list) {
    list-style: disc;
    padding-left: 20px;
}
.typography ul:not(.check-list) li {
    list-style: inherit;
}



h1, h2, h3, h4, h5, h6 { font-size: 32px; color: #484848; font-family: din_next; float: left; width: 100%; /*border-bottom: 2px solid #2c85c6;*/ padding-bottom: 10px; position: relative; }

h1:before, h2:before, h3:before, h4:before, h5:before, h6:before  {    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 3px;
    width: 80px;
    background: #8f7aa3;
    content: '';}



p { color:#414142; font-family: 'Source Sans Pro', sans-serif; float: left; width: 100%; line-height: 1.4em; font-size: 18px; padding:15px 0;  }
a { font-family: din_next; }
.general-ul { float: left; width: 100%; margin:20px 0; }
.general-ul li { float: left; width: 100%; line-height:1.2em; }
.general-ul li i { float: left; }
li { font-family: din_next; color: #3f3f3f; }
.section-header { float: left; width: 100%; padding-bottom: 0%; }
.section-header h2 { float: left; width: 100%; }
.section-header a { float: left; background: #2c85c6; color: #FFF; line-height: 23px; }
.section-header a:hover { background: #05538c !important; }
.form-title {    font-family: din_next;
}
.content-buttons {width: 100%; clear: both; margin: 40px 0; float: left;}
.content-block {margin: 20px 0; overflow: hidden;}
.info-graphic {margin-top: 20px; float: left;}
body #three-col-content .no-border {border:none;}

/* Font Awesome */
.blue { color: #2b84c6; }
.pink { color: #f05871; }
.fa-close { color: #dddddd; }


/* Check List */


.check-list {margin: 20px 0; width: 100%; float: left;}
.check-list li, .side-list li {font-family: 'Source Sans Pro', sans-serif; float: left; width: 100%;  line-height: 1.4em; font-size: 18px;}



.main-intro { text-align: center; padding-bottom:40px; padding-top: 20px; }




.main-intro h1:before { left: 20px; right: 20px; margin:0 auto; }





/* Buttons */
a { text-decoration: none; }
.button, .dumby-button { background: #8f7aa3; color: #FFF; text-align: right; padding:8px 20px; border-radius:5px; font-size: 16px; margin-right: 20px; margin-bottom: 20px; float: left; line-height: 20px; }
.button img { width: 10px; float: left; margin-right: 10px; }
.button {  float: left; background: #8f7aa3;; background-image: url("../images/white-arrow-right.png"); background-repeat: no-repeat; background-size: 10px;
    background-position: 7%;  color: #FFF; font-weight: bold; padding: 15px 28px 15px 38px; text-align: center; margin-top: 10px;  }



.event-button { background:#bdbdbd; color: #FFF; }

.button:hover, .dumby-button:hover, .link-wrap .button:hover  { background: #854FA2; color: #FFF; }
.event-button:hover { background: #05538c; color: #FFF;  }
.button:hover { color: #FFF; /*background: #854FA2;*/ background:#2c85c6; background-image: url("../images/white-arrow-right.png"); background-repeat: no-repeat; background-size: 10px;
    background-position: 7%; }

.link-wrap .button { background:#FFF; color: #2c85c6;  }


a, .button, .dumby-button, i, .navigation, img, header, nav {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
outline: none;
}



.therapy-video .video-wrap {border-radius: 0px;/* min-height: 332px;*/}
/*.therapy-video .layer {background: none;}
*/


@media only screen and (max-width: 700px) {
	#two-col-video .col {
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 700px) {
	#two-col-video .span_2_of_2, #two-col-video  .span_1_of_2 { width: 100%; }
}

/* =======================================
 @ 550
======================================= */
@media only screen and (min-width: 550px) {
.link-wrap .research-image { min-width: initial; min-width: auto; }

}




/* =======================================
 @ 771
======================================= */
@media only screen and (min-width: 771px) {

.section-header h2 { float: left; width: initial; }
.section-header a { float: right; }

.pathway-half { width: 49.2%; }
.pathway-half:nth-child(1) { padding-right: 20px; }
section {  padding:20px 0; }


}



/* =======================================
 @ 1100
======================================= */
@media only screen and (min-width: 1200px) {

.wrap {  padding: 0; }

}

/*>>> James H -- Styles for blog pagination <<<*/
.pagination{
	text-align: center;
}
.pagination span, .pagination a{
	border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 4px 12px;
	margin: 0 2px;
	background: #2c85c6;
	color: #fff;
}
.pagination span{
	background: none;
	border: 1px solid #2c85c6;
	color: #2c85c6;
	padding: 4px 12px;
}
.pagination a.next, .pagination a.prev{
	color: #2c85c6;
	background: none;
	font-weight: 700;
	font-size: 24px;
}


/*James H -- fix for CTA arrows*/
p.find-out-more img {
	width: 12px;
	margin-right: 10px;
}