t/*
Theme Name: Commercial Integrator
Author: Danielle Frappier, Keri Whoriskey, Zack Worden
Author URI: http://www.commercialintegrator.com
Description: This is the Commercial Integrator rebuild, tentatively launching December 2016
Version: 0.1


TABLE OF CONTENTS
- HTML5 Reset
	- Baseline Normalize
	- Box Sizing
- GLOBAL
        - Headings
        - Buttons
        - Figures/Images/Aligns
        - Videos
        - Forms
- STRUCTURE / GENERAL 
        - Modest Grid 
- Site Navigation
	- Support for no js
- Footer
- Spotlights 
- Footer Promos 
- Alerts 
- Ads
- Wordpress Gallery
- Related Posts (in-page)
- Archive
- Event Archive
- Company Archive
- Category
- Author
- Quiz
- SINGLE
	- Company
	- Downloads and Webcasts
	- Slideshows
	- Events
	- Posts
    - Podcasts
	- Shared on all single templates
- Sidebar	
- HOMEPAGE
	- Global
	- Top Story
	- Featured Project
	- Flexslider
	- Featured Resource
	- Latest News
	- Editor Audience Sponsor Section
	- Media Queries
		- Extra Small
		- Small
		- Medium
		- Large
		- Extra Large
- Buyers Guide
- OPP

*/
/* # HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* ## Baseline Normalize
--------------------------------------------- */
/* normalize.css v3.0.1 | MIT License | git.io/normalize */

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#6A737B}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* ## Box Sizing
--------------------------------------------- */

html,
input[type="search"]{
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}


/* # GLOBAL
---------------------------------------------------------------------------------------------------- */

html {
    margin:0;
    padding:0;
    font-size: 62.5%;
}
body {
    background-color: #fff;
    color: #565664;
    font-family: 'PT Serif', serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.625;
    margin:0;
    padding:0;
}
p {
	margin: 0 0 28px;
	padding: 0;
}
a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition:    all 0.1s ease-in-out;
    -ms-transition:     all 0.1s ease-in-out;
    -o-transition:      all 0.1s ease-in-out;
    transition:         all 0.1s ease-in-out;
}
a {
    color: #4a72a9;
    text-decoration: none;
}
a:hover,
a:focus {
    color: #292929;
}
ol,
ul {
    margin: 0;
    padding: 0;
}
hr {
    border: 0;
    border-collapse: collapse;
    border-top: 1px solid #ddd;
    clear: both;
    margin: 1em 0;
}
b,
strong {
    font-weight: 700;
}
cite,
em,
i {
    font-style: italic;
}
blockquote em {
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top: 5px;
  text-align: right;
}
blockquote em:before {
  content: ' — ';
}
blockquote {
  clear: both;
  display: table;
  border-width: 2px 0;
  border-style: solid;
  border-color: #eee;
  padding: 1.5em 0 0.5em;
  margin: 0 0 2.5em 0;
  top: 1.5em;
  position: relative;
  color: #8c8c8c;
  font-family: 'PT Sans', sans-serif;
}
blockquote:before {
  content: '\201C';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  width: auto;
  height: 3.5rem;
  font: 6em/1.08em 'PT Serif', serif;
  color: #666;
  text-align: center;
}
video {
    max-width: 100%;
    height: auto;
}
iframe,
embed,
object {
    max-width: 100%;
}
.screen-reader-text {
    visibility: hidden;
    line-height: 1px;
    display: none;
}

/* ## Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #292929;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 12px;
}
h2,
h3,
h4,
h5,
h6 {
    font-family: 'PT Serif', serif;
}
h1 {
    font-family: 'Oswald', sans-serif;
    font-size: 45px;
    font-size: 4.5rem;
}
@media (max-width: 776px){
    h1 {
        font-size: 40px;
        font-size: 4rem;
    }
}
@media (max-width: 476px){
    h1 {
        font-size: 30px;
        font-size: 3rem;
    }
}
h2 {
    font-size: 30px;
    font-size: 3rem;
}
h3 {
    font-size: 24px;
    font-size: 2.4rem;
}
h4 {
    font-size: 20px;
    font-size: 2rem;
}
h5 {
    font-size: 18px;
    font-size: 1.8rem;
}
h6 {
    font-size: 16px;
    font-size: 1.6rem;
}
.green-header {
    font-family: 'Oswald', sans-serif;
    font-weight: 400; 
    color: #5e8a58;
}
.grey-header {
    font-family: 'Oswald', sans-serif;
    font-weight: 400; 
    color: #292929;
}
/* ## Buttons
--------------------------------------------- */

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
span.button {
    background-color: #5e8a58;
    border: 0;
    font-family: 'PT Sans', sans-serif;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: .05em;
    font-weight: 400;
    text-transform: uppercase;
    padding: 10px 20px;
    width: auto;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
}
button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
button:focus,
input:focus[type="button"],
input:focus[type="reset"],
input:focus[type="submit"],
.button:focus,
span.button:focus {
    background-color: #565664;
    color: #fff;
}
span.button {
    line-height: 3em;   
}
span.button a, span.button a:hover {
    color: #fff;
}
.ghost {
    background-color: transparent !important;
    border: 2px solid #6ca064;
}

.ghost:hover {
    border: 2px solid #fff;
    color: #fff !important;
}

/* ## Figures/Images/Aligns
--------------------------------------------- */
.wp-caption-text  {
    font-style: italic;
    font-size: 14px;
    font-size: 1.4rem;
}
p.wp-caption-text {
    margin: 0;
}
figure.alignright {
    float: right;   
}
figure.alignleft {
    float: left;   
}
figure.aligncenter {
    margin: 0 auto;
}
img, figure img, figure {
    max-width: 100%;
    height: auto;
}
.alignleft {
    float: left; 
    margin: 0 1.5em .5em 0;
}
.alignright {
    float: right;
    margin: 0 0 .5em 1.5em;
}
.aligncenter {
    margin: 0 auto;
    text-align: center;
    display: block;
}
.aligncenter,
.alignright,
.alignleft {
    max-width: 100%;
}


/* ## Videos
--------------------------------------------- */

.video-container {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    max-width: 1500px;
    height:100%;
}
/* ## Forms
--------------------------------------------- */

input,
select,
textarea {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #333;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
    padding: 16px;
    width: 100%;
    overflow: none;
}

input:focus,
textarea:focus {
    border: 1px solid #999;
    outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
    width: auto;
}

::-moz-placeholder {
    color: #a7a7a7;
    opacity: 1;
}

::-webkit-input-placeholder {
    color: #333;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

/* # STRUCTURE / GENERAL
---------------------------------------------------------------------------------------------------- */


/* ## Modest Grid
--------------------------------------------- */

/*
* Modest Grid
* http://www.modestgrid.com/getting-started
*/

.wrapper {
	max-width: 100%;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
        
	/*padding-left: 10px;
	padding-right: 10px;*/
}

.row {
        margin: 0 4em;
}

.nested {
	margin-bottom: 0 !important;
}

.wrapper:before,
.row:before {
	display: table;
	content: " ";
}

.wrapper:after,
.row:after {
	clear: both;
	display: table;
	content: " ";
}

.dt-1, .tl-1, .tp-1, .ml-1, .mp-1,
.dt-2, .tl-2, .tp-2, .ml-2, .mp-2,
.dt-3, .tl-3, .tp-3, .ml-3, .mp-3,
.dt-4, .tl-4, .tp-4, .ml-4, .mp-4,
.dt-5, .tl-5, .tp-5, .ml-5, .mp-5,
.dt-6, .tl-6, .tp-6, .ml-6, .mp-6,
.dt-7, .tl-7, .tp-7, .ml-7, .mp-7,
.dt-8, .tl-8, .tp-8, .ml-8, .mp-8,
.dt-9, .tl-9, .tp-9, .ml-9, .mp-9,
.dt-10, .tl-10, .tp-10, .ml-10, .mp-10,
.dt-11, .tl-11, .tp-11, .ml-11, .mp-11,
.dt-12, .tl-12, .tp-12, .ml-12, .mp-12 {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	min-height: 1px;
	margin-bottom: 10px;
}

.mp-1 {
	width: 8.3333333333333%;
}

.mp-2 {
	width: 16.666666666667%;
}

.mp-3 {
	width: 25%;
}

.mp-4 {
	width: 33.333333333333%;
}

.mp-5 {
	width: 41.666666666667%;
}

.mp-6 {
	width: 50%;
}

.mp-7 {
	width: 58.333333333333%;
}

.mp-8 {
	width: 66.666666666667%;
}

.mp-9 {
	width: 75%;
}

.mp-10 {
	width: 83.333333333333%;
}

.mp-11 {
	width: 91.666666666667%;
}

.mp-12 {
	width: 100%;
}

.ml-1 {
	width: 8.3333333333333%;
}

.ml-2 {
	width: 16.666666666667%;
}

.ml-3 {
	width: 25%;
}

.ml-4 {
	width: 33.333333333333%;
}

.ml-5 {
	width: 41.666666666667%;
}

.ml-6 {
	width: 50%;
}

.ml-7 {
	width: 58.333333333333%;
}

.ml-8 {
	width: 66.666666666667%;
}

.ml-9 {
	width: 75%;
}

.ml-10 {
	width: 83.333333333333%;
}

.ml-11 {
	width: 91.666666666667%;
}

.ml-12 {
	width: 100%;
}

.tp-1 {
	width: 8.3333333333333%;
}

.tp-2 {
	width: 16.666666666667%;
}

.tp-3 {
	width: 25%;
}

.tp-4 {
	width: 33.333333333333%;
}

.tp-5 {
	width: 41.666666666667%;
}

.tp-6 {
	width: 50%;
}

.tp-7 {
	width: 58.333333333333%;
}

.tp-8 {
	width: 66.666666666667%;
}

.tp-9 {
	width: 75%;
}

.tp-10 {
	width: 83.333333333333%;
}

.tp-11 {
	width: 91.666666666667%;
}

.tp-12 {
	width: 100%;
}

.tl-1 {
	width: 8.3333333333333%;
}

.tl-2 {
	width: 16.666666666667%;
}

.tl-3 {
	width: 25%;
}

.tl-4 {
	width: 33.333333333333%;
}

.tl-5 {
	width: 41.666666666667%;
}

.tl-6 {
	width: 50%;
}

.tl-7 {
	width: 58.333333333333%;
}

.tl-8 {
	width: 66.666666666667%;
}

.tl-9 {
	width: 75%;
}

.tl-10 {
	width: 83.333333333333%;
}

.tl-11 {
	width: 91.666666666667%;
}

.tl-12 {
	width: 100%;
}

.dt-1 {
	width: 8.3333333333333%;
}

.dt-2 {
	width: 16.666666666667%;
}

.dt-3 {
	width: 25%;
}

.dt-4 {
	width: 33.333333333333%;
}

.dt-5 {
	width: 41.666666666667%;
}

.dt-6 {
	width: 50%;
}

.dt-7 {
	width: 58.333333333333%;
}

.dt-8 {
	width: 66.666666666667%;
}

.dt-9 {
	width: 75%;
}

.dt-10 {
	width: 83.333333333333%;
}

.dt-11 {
	width: 91.666666666667%;
}

.dt-12 {
	width: 100%;
}

.indent-dt-1 {
	margin-left: 8.3333333333333%;
}

.indent-dt-2 {
	margin-left: 16.666666666667%;
}

.indent-dt-3 {
	margin-left: 25%;
}

.indent-dt-4 {
	margin-left: 33.333333333333%;
}

.indent-dt-5 {
	margin-left: 41.666666666667%;
}

.indent-dt-6 {
	margin-left: 50%;
}

.indent-dt-7 {
	margin-left: 58.333333333333%;
}

.indent-dt-8 {
	margin-left: 66.666666666667%;
}

.indent-dt-9 {
	margin-left: 75%;
}

.indent-dt-10 {
	margin-left: 83.333333333333%;
}

.indent-dt-11 {
	margin-left: 91.666666666667%;
}

.indent-dt-12 {
	margin-left: 100%;
}

@media (max-width: 1279px) {
	.wrapper {
		/*max-width: 1170px;*/
	}
}

@media (max-width : 1169px) {
	.wrapper {
		/*max-width: 1024px;*/
	}

	.dt-1,
	.dt-2,
	.dt-3,
	.dt-4,
	.dt-5,
	.dt-6,
	.dt-7,
	.dt-8,
	.dt-9,
	.dt-10,
	.dt-11,
	.dt-12 {
		width: 100%;
	}

	.mp-1 {
		width: 8.3333333333333%;
	}

	.mp-2 {
		width: 16.666666666667%;
	}

	.mp-3 {
		width: 25%;
	}

	.mp-4 {
		width: 33.333333333333%;
	}

	.mp-5 {
		width: 41.666666666667%;
	}

	.mp-6 {
		width: 50%;
	}

	.mp-7 {
		width: 58.333333333333%;
	}

	.mp-8 {
		width: 66.666666666667%;
	}

	.mp-9 {
		width: 75%;
	}

	.mp-10 {
		width: 83.333333333333%;
	}

	.mp-11 {
		width: 91.666666666667%;
	}

	.mp-12 {
		width: 100%;
	}

	.ml-1 {
		width: 8.3333333333333%;
	}

	.ml-2 {
		width: 16.666666666667%;
	}

	.ml-3 {
		width: 25%;
	}

	.ml-4 {
		width: 33.333333333333%;
	}

	.ml-5 {
		width: 41.666666666667%;
	}

	.ml-6 {
		width: 50%;
	}

	.ml-7 {
		width: 58.333333333333%;
	}

	.ml-8 {
		width: 66.666666666667%;
	}

	.ml-9 {
		width: 75%;
	}

	.ml-10 {
		width: 83.333333333333%;
	}

	.ml-11 {
		width: 91.666666666667%;
	}

	.ml-12 {
		width: 100%;
	}

	.tp-1 {
		width: 8.3333333333333%;
	}

	.tp-2 {
		width: 16.666666666667%;
	}

	.tp-3 {
		width: 25%;
	}

	.tp-4 {
		width: 33.333333333333%;
	}

	.tp-5 {
		width: 41.666666666667%;
	}

	.tp-6 {
		width: 50%;
	}

	.tp-7 {
		width: 58.333333333333%;
	}

	.tp-8 {
		width: 66.666666666667%;
	}

	.tp-9 {
		width: 75%;
	}

	.tp-10 {
		width: 83.333333333333%;
	}

	.tp-11 {
		width: 91.666666666667%;
	}

	.tp-12 {
		width: 100%;
	}

	.tl-1 {
		width: 8.3333333333333%;
	}

	.tl-2 {
		width: 16.666666666667%;
	}

	.tl-3 {
		width: 25%;
	}

	.tl-4 {
		width: 33.333333333333%;
	}

	.tl-5 {
		width: 41.666666666667%;
	}

	.tl-6 {
		width: 50%;
	}

	.tl-7 {
		width: 58.333333333333%;
	}

	.tl-8 {
		width: 66.666666666667%;
	}

	.tl-9 {
		width: 75%;
	}

	.tl-10 {
		width: 83.333333333333%;
	}

	.tl-11 {
		width: 91.666666666667%;
	}

	.tl-12 {
		width: 100%;
	}

	.indent-dt-1,
	.indent-dt-2,
	.indent-dt-3,
	.indent-dt-4,
	.indent-dt-5,
	.indent-dt-6,
	.indent-dt-7,
	.indent-dt-8,
	.indent-dt-9,
	.indent-dt-10,
	.indent-dt-11,
	.indent-dt-12 {
		margin-left: 100%;
	}

	.indent-tl-1 {
		margin-left: 8.3333333333333%;
	}

	.indent-tl-2 {
		margin-left: 16.666666666667%;
	}

	.indent-tl-3 {
		margin-left: 25%;
	}

	.indent-tl-4 {
		margin-left: 33.333333333333%;
	}

	.indent-tl-5 {
		margin-left: 41.666666666667%;
	}

	.indent-tl-6 {
		margin-left: 50%;
	}

	.indent-tl-7 {
		margin-left: 58.333333333333%;
	}

	.indent-tl-8 {
		margin-left: 66.666666666667%;
	}

	.indent-tl-9 {
		margin-left: 75%;
	}

	.indent-tl-10 {
		margin-left: 83.333333333333%;
	}

	.indent-tl-11 {
		margin-left: 91.666666666667%;
	}

	.indent-tl-12 {
		margin-left: 100%;
	}
}

@media (max-width: 1100px) {
	.row {
		margin: 0 2em;
	}
}

@media (max-width: 1023px) {
	.tl-1,
	.tl-2,
	.tl-3,
	.tl-4,
	.tl-5,
	.tl-6,
	.tl-7,
	.tl-8,
	.tl-9,
	.tl-10,
	.tl-11,
	.tl-12 {
		width: 100%;
	}

	.mp-1 {
		width: 8.3333333333333%;
	}

	.mp-2 {
		width: 16.666666666667%;
	}

	.mp-3 {
		width: 25%;
	}

	.mp-4 {
		width: 33.333333333333%;
	}

	.mp-5 {
		width: 41.666666666667%;
	}

	.mp-6 {
		width: 50%;
	}

	.mp-7 {
		width: 58.333333333333%;
	}

	.mp-8 {
		width: 66.666666666667%;
	}

	.mp-9 {
		width: 75%;
	}

	.mp-10 {
		width: 83.333333333333%;
	}

	.mp-11 {
		width: 91.666666666667%;
	}

	.mp-12 {
		width: 100%;
	}

	.ml-1 {
		width: 8.3333333333333%;
	}

	.ml-2 {
		width: 16.666666666667%;
	}

	.ml-3 {
		width: 25%;
	}

	.ml-4 {
		width: 33.333333333333%;
	}

	.ml-5 {
		width: 41.666666666667%;
	}

	.ml-6 {
		width: 50%;
	}

	.ml-7 {
		width: 58.333333333333%;
	}

	.ml-8 {
		width: 66.666666666667%;
	}

	.ml-9 {
		width: 75%;
	}

	.ml-10 {
		width: 83.333333333333%;
	}

	.ml-11 {
		width: 91.666666666667%;
	}

	.ml-12 {
		width: 100%;
	}

	.tp-1 {
		width: 8.3333333333333%;
	}

	.tp-2 {
		width: 16.666666666667%;
	}

	.tp-3 {
		width: 25%;
	}

	.tp-4 {
		width: 33.333333333333%;
	}

	.tp-5 {
		width: 41.666666666667%;
	}

	.tp-6 {
		width: 50%;
	}

	.tp-7 {
		width: 58.333333333333%;
	}

	.tp-8 {
		width: 66.666666666667%;
	}

	.tp-9 {
		width: 75%;
	}

	.tp-10 {
		width: 83.333333333333%;
	}

	.tp-11 {
		width: 91.666666666667%;
	}

	.tp-12 {
		width: 100%;
	}

	.indent-tl-1,
	.indent-tl-2,
	.indent-tl-3,
	.indent-tl-4,
	.indent-tl-5,
	.indent-tl-6,
	.indent-tl-7,
	.indent-tl-8,
	.indent-tl-9,
	.indent-tl-10,
	.indent-tl-11,
	.indent-tl-12 {
		margin-left: 100%;
	}

	.indent-tp-1 {
		margin-left: 8.3333333333333%;
	}

	.indent-tp-2 {
		margin-left: 16.666666666667%;
	}

	.indent-tp-3 {
		margin-left: 25%;
	}

	.indent-tp-4 {
		margin-left: 33.333333333333%;
	}

	.indent-tp-5 {
		margin-left: 41.666666666667%;
	}

	.indent-tp-6 {
		margin-left: 50%;
	}

	.indent-tp-7 {
		margin-left: 58.333333333333%;
	}

	.indent-tp-8 {
		margin-left: 66.666666666667%;
	}

	.indent-tp-9 {
		margin-left: 75%;
	}

	.indent-tp-10 {
		margin-left: 83.333333333333%;
	}

	.indent-tp-11 {
		margin-left: 91.666666666667%;
	}

	.indent-tp-12 {
		margin-left: 100%;
	}
}

@media (max-width: 767px) {
	.tp-1,
	.tp-2,
	.tp-3,
	.tp-4,
	.tp-5,
	.tp-6,
	.tp-7,
	.tp-8,
	.tp-9,
	.tp-10,
	.tp-11,
	.tp-12 {
		width: 100%;
	}

	.mp-1 {
		width: 8.3333333333333%;
	}

	.mp-2 {
		width: 16.666666666667%;
	}

	.mp-3 {
		width: 25%;
	}

	.mp-4 {
		width: 33.333333333333%;
	}

	.mp-5 {
		width: 41.666666666667%;
	}

	.mp-6 {
		width: 50%;
	}

	.mp-7 {
		width: 58.333333333333%;
	}

	.mp-8 {
		width: 66.666666666667%;
	}

	.mp-9 {
		width: 75%;
	}

	.mp-10 {
		width: 83.333333333333%;
	}

	.mp-11 {
		width: 91.666666666667%;
	}

	.mp-12 {
		width: 100%;
	}

	.ml-1 {
		width: 8.3333333333333%;
	}

	.ml-2 {
		width: 16.666666666667%;
	}

	.ml-3 {
		width: 25%;
	}

	.ml-4 {
		width: 33.333333333333%;
	}

	.ml-5 {
		width: 41.666666666667%;
	}

	.ml-6 {
		width: 50%;
	}

	.ml-7 {
		width: 58.333333333333%;
	}

	.ml-8 {
		width: 66.666666666667%;
	}

	.ml-9 {
		width: 75%;
	}

	.ml-10 {
		width: 83.333333333333%;
	}

	.ml-11 {
		width: 91.666666666667%;
	}

	.ml-12 {
		width: 100%;
	}

	.indent-tp-1,
	.indent-tp-2,
	.indent-tp-3,
	.indent-tp-4,
	.indent-tp-5,
	.indent-tp-6,
	.indent-tp-7,
	.indent-tp-8,
	.indent-tp-9,
	.indent-tp-10,
	.indent-tp-11,
	.indent-tp-12 {
		margin-left: 100%;
	}

	.indent-ml-1 {
		margin-left: 8.3333333333333%;
	}

	.indent-ml-2 {
		margin-left: 16.666666666667%;
	}

	.indent-ml-3 {
		margin-left: 25%;
	}

	.indent-ml-4 {
		margin-left: 33.333333333333%;
	}

	.indent-ml-5 {
		margin-left: 41.666666666667%;
	}

	.indent-ml-6 {
		margin-left: 50%;
	}

	.indent-ml-7 {
		margin-left: 58.333333333333%;
	}

	.indent-ml-8 {
		margin-left: 66.666666666667%;
	}

	.indent-ml-9 {
		margin-left: 75%;
	}

	.indent-ml-10 {
		margin-left: 83.333333333333%;
	}

	.indent-ml-11 {
		margin-left: 91.666666666667%;
	}

	.indent-ml-12 {
		margin-left: 100%;
	}
}
@media (max-width: 600px) {
	.row {
		margin: 0 1em;
	}
}

@media (max-width: 567px) {
	.ml-1,
	.ml-2,
	.ml-3,
	.ml-4,
	.ml-5,
	.ml-6,
	.ml-7,
	.ml-8,
	.ml-9,
	.ml-10,
	.ml-11,
	.ml-12 {
		width: 100%;
	}

	.mp-1 {
		width: 8.3333333333333%;
	}

	.mp-2 {
		width: 16.666666666667%;
	}

	.mp-3 {
		width: 25%;
	}

	.mp-4 {
		width: 33.333333333333%;
	}

	.mp-5 {
		width: 41.666666666667%;
	}

	.mp-6 {
		width: 50%;
	}

	.mp-7 {
		width: 58.333333333333%;
	}

	.mp-8 {
		width: 66.666666666667%;
	}

	.mp-9 {
		width: 75%;
	}

	.mp-10 {
		width: 83.333333333333%;
	}

	.mp-11 {
		width: 91.666666666667%;
	}

	.mp-12 {
		width: 100%;
	}

	.indent-ml-1,
	.indent-ml-2,
	.indent-ml-3,
	.indent-ml-4,
	.indent-ml-5,
	.indent-ml-6,
	.indent-ml-7,
	.indent-ml-8,
	.indent-ml-9,
	.indent-ml-10,
	.indent-ml-11,
	.indent-ml-12 {
		margin-left: 100%;
	}

	.indent-mp-1 {
		margin-left: 8.3333333333333%;
	}

	.indent-mp-2 {
		margin-left: 16.666666666667%;
	}

	.indent-mp-3 {
		margin-left: 25%;
	}

	.indent-mp-4 {
		margin-left: 33.333333333333%;
	}

	.indent-mp-5 {
		margin-left: 41.666666666667%;
	}

	.indent-mp-6 {
		margin-left: 50%;
	}

	.indent-mp-7 {
		margin-left: 58.333333333333%;
	}

	.indent-mp-8 {
		margin-left: 66.666666666667%;
	}

	.indent-mp-9 {
		margin-left: 75%;
	}

	.indent-mp-10 {
		margin-left: 83.333333333333%;
	}

	.indent-mp-11 {
		margin-left: 91.666666666667%;
	}

	.indent-mp-12 {
		margin-left: 100%;
	}
}

@media (max-width: 567px) {
	.mp-hide {
		display: none !important;
	}
	
	.ml-hide {
		display: none !important;
	}
	
	.tp-hide {
		display: none !important;
	}
	
	.tl-hide {
		display: none !important;
	}
	
	.dt-hide {
		display: none !important;
	}
}

@media (min-width: 568px) and (max-width: 767px) {
	.ml-hide {
		display: none !important;
	}
	
	.tp-hide {
		display: none !important;
	}
	
	.tl-hide {
		display: none !important;
	}
	
	.dt-hide {
		display: none !important;
	}
}

@media (min-width: 768) and (max-width: 1023px) {
	.tp-hide {
		display: none !important;
	}
	
	.tl-hide {
		display: none !important;
	}
	
	.dt-hide {
		display: none !important;
	}
}

@media (max-width: 1024px) {
	.tl-hide {
		display: none !important;
	}
	
	.dt-hide {
		display: none !important;
	}
}

@media (min-width: 1025px) {
	.dt-hide {
		display: none !important;
	}
}

/* I had to modify the grid for the main article wrapper. I tried to get this to work with min width but it just wouldn't
   work. Anyone is welcome to modify what I did here. */
.content-wrapper {
    padding: 0;
}

@media (min-width: 1854px) {
    .content-wrapper {
        width: 81%;
    }
}
@media (max-width: 1853px) {
    .content-wrapper {
        width: 80%;
    }
}
@media (max-width: 1700px) {
    .content-wrapper {
        width: 78%;
    }
}
@media (max-width: 1560px) {
    .content-wrapper {
        width: 76%;
    }
} 
@media (max-width: 1469px) {
    .content-wrapper {
        width: 74%;
    }
} 
@media (max-width: 1379px){
    .content-wrapper {
        width: 72%;
    }
}
@media (max-width: 1250px){
    .content-wrapper {
        width: 70%;
    }
}
@media (max-width: 1167px){
    .content-wrapper {
        width: 68%;
    }
}
@media (max-width: 1057px){
    .content-wrapper {
        width: 65%;
    }
}
@media (max-width: 976px){
    .content-wrapper {
        width: 63%;
    }
}
@media (max-width: 957px){
    .content-wrapper {
        width: 100%;
    }
}


/* # Site Navigation
---------------------------------------------------------------------------------------------------- */

header {
    font-size: 1.6rem;
    font-family: 'PT Sans', sans-serif;
    color: #565664;
    background-color: #ffffff;
}
header ul {
    margin: 0;
    padding: 0;
}
header ul li {
    list-style: none;
}
header input {
    font-family: 'PT Sans', sans-serif;
    font-size: 1.6rem;
}
header input[type="search"]::-ms-clear {
    /* removes close icon - IE */
    display: none;
}
header input[type="search"]::-webkit-search-decoration,
header input[type="search"]::-webkit-search-cancel-button,
header input[type="search"]::-webkit-search-results-button,
header input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
.cd-main-content, .cd-main-header {
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
}
.cd-main-content, .cd-main-header {
    position: relative;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}
@media only screen and (max-width: 975px) {
    .cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
        -webkit-transform: translateX(-260px);
        -moz-transform: translateX(-260px);
        -ms-transform: translateX(-260px);
        -o-transform: translateX(-260px);
        transform: translateX(-260px);
    }
    .nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
        -webkit-transform: translateX(260px);
        -moz-transform: translateX(260px);
        -ms-transform: translateX(260px);
        -o-transform: translateX(260px);
        transform: translateX(260px);
    }
    .hide-on-mobile {
        display: none;
    }
}
.cd-main-content {
    z-index: 2;
    margin: 65px 0 20px;
}
body.alert .cd-main-content {
    margin: 95px 0 20px;
}
@media only screen and (max-width: 781px) {
    body.alert .cd-main-content {
        margin: 125px 0 20px;
    }
}
.cd-main-header {
    height: 80px;
    background: #ffffff;
    z-index: 3;
    border-bottom: 1px solid #e2e3df;
}
.nav-is-fixed .cd-main-header {
    /* add .nav-is-fixed class to body if you want a fixed navigation on > 976px */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
body.ci_uli .cd-main-header {
    top: 32px;
}
body.ci_uli.alert .cd-main-header {
    top: 64px;
}
body.alert .cd-main-header {
    top: 32px;
}
@media only screen and (min-width: 976px) {
    .cd-main-header {
        height: 80px;
    }
    .cd-main-header::after {
        clear: both;
        content: "";
        display: table;
    }
}
@media only screen and (max-width: 781px) {
    body.alert .cd-main-header {
        top: 60px;
    }
    body.ci_uli .cd-main-header {
        top: 46px;
    }
    body.ci_uli.alert .cd-main-header {
        top: 106px;
    }
}
.cd-logo {
    position: absolute;
    top: 20px;
    left: 4em;
}
.cd-logo img {
    display: block;
}
nav.main-nav {
    position: absolute;
    top: 30px; 
    left: 15em;
}
nav.main-nav a {
    margin-right: 20px;
    color: #565664;
}
nav.main-nav a:hover {
    color: #5e8a58;
    text-decoration: none;
}
@media only screen and (max-width: 1170px) {
    nav.main-nav {
        left: 14em;
    }
    nav.main-nav a {
        margin-right: 10px;
    }
}
@media only screen and (max-width: 1100px) {
    nav.main-nav {
        left: 13em;
    }
    nav.main-nav a {
        margin-right: 8px;
    }
    .cd-logo {
        left: 2em;
    }
    
    #freeSubscriptionLink {
	    display:none;
    }
}
@media only screen and (max-width: 895px) {  
    .aviqButton {
	    display:none;
    }
}
@media only screen and (max-width: 400px) {
    .cd-logo {
        left: 1em;
    } 
}
@media only screen and (max-width: 975px) {
    nav.main-nav {
        left: 12.5em;
        font-size: 1.5rem;
    }
}
@media only screen and (max-width: 845px) {
    nav.main-nav {
        display: none;     
    }
}
.cd-header-buttons {
    position: absolute;
    display: inline-block;
    top: 18px;
    right: 4em;
    z-index: 12;
}
@media only screen and (max-width: 1100px) {
    .cd-header-buttons {
        right: 2em;
    }
}
@media only screen and (max-width: 400px) {
    .cd-header-buttons {
        right: 1em;
    }
}
.cd-header-buttons li {
    display: inline-block;
}
@media only screen and (max-width: 975px) {
    .nav-on-left .cd-header-buttons {
        right: auto;
        left: 5%;
    }
    .nav-on-left .cd-header-buttons li {
        float: right;
    }
}
.cd-search-trigger, .cd-nav-trigger {
    position: relative;
    display: block;
    width: 44px;
    height: 44px;
    overflow: hidden;
    white-space: nowrap;
    /* hide text */
    color: transparent;
    z-index: 3;
}
.cd-search-trigger, a.cd-nav-trigger {
    color: transparent !important;
}
.cd-search-trigger::before, .cd-search-trigger::after {
    /* search icon */
    content: '';
    position: absolute;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.cd-search-trigger::before {
    /* lens */
    top: 11px;
    left: 11px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 3px solid #565664;
}
.cd-search-trigger::after {
    /* handle */
    height: 3px;
    width: 8px;
    background: #565664;
    bottom: 14px;
    right: 11px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.cd-search-trigger span {
    /* container for the X icon */
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.cd-search-trigger span::before, .cd-search-trigger span::after {
    /* close icon */
    content: '';
    position: absolute;
    display: inline-block;
    height: 3px;
    width: 22px;
    top: 50%;
    margin-top: -2px;
    left: 50%;
    margin-left: -11px;
    background: #565664;
    opacity: 0;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
}
.cd-search-trigger span::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.cd-search-trigger span::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after {
    /* hide search icon */
    opacity: 0;
}
.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after {
    /* show close icon */
    opacity: 1;
}
.cd-search-trigger.search-is-visible span::before {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.cd-search-trigger.search-is-visible span::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
    /* hamburger icon in CSS */
    position: absolute;
    display: inline-block;
    height: 3px;
    width: 24px;
    background: #565664;
}
.cd-nav-trigger span {
    /* line in the center */
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -2px;
    -webkit-transition: background 0.3s 0.3s;
    -moz-transition: background 0.3s 0.3s;
    transition: background 0.3s 0.3s;
}
.cd-nav-trigger span::before, .cd-nav-trigger span::after {
    /* other 2 lines */
    content: '';
    right: 0;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    -moz-transition: -moz-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;
}
.cd-nav-trigger span::before {
    /* menu icon top line */
    top: -6px;
}
.cd-nav-trigger span::after {
    /* menu icon bottom line */
    top: 6px;
}
.cd-nav-trigger.nav-is-visible span {
    /* hide line in the center */
    background: rgba(46, 50, 51, 0);
}
.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
    /* keep visible other 2 lines */
    background: #565664;
}
.cd-nav-trigger.nav-is-visible span::before {
    -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
    -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
    -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
    -o-transform: translateX(4px) translateY(-3px) rotate(45deg);
    transform: translateX(4px) translateY(-3px) rotate(45deg);
}
.cd-nav-trigger.nav-is-visible span::after {
    -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
    transform: translateX(4px) translateY(2px) rotate(-45deg);
}
@media only screen and (min-width: 976px) {
    .cd-nav-trigger {
        display: none;
    }
}
.cd-primary-nav, .cd-primary-nav ul {
    font-family: 'PT Sans', sans-serif;  
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 260px;
    font-size: 1.6rem;
    margin: 0;
    padding: 0;
    background: #2e3233;
    overflow: auto;
    z-index: 10;
    -webkit-overflow-scrolling: touch;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

body.ci_uli .cd-primary-nav {
    top: 32px;
}
body.ci_uli.alert .cd-primary-nav {
    top: 64px;
}
@media only screen and (max-width: 781px) {
    body.alert .cd-primary-nav {
        top: 60px;
    }
    body.ci_uli .cd-primary-nav {
        top: 46px;
    }
    body.ci_uli.alert .cd-primary-nav {
        top: 106px;
    }
}

.cd-primary-nav a, .cd-primary-nav ul a {
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #3a3f40;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform, opacity;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
}
.cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden {
    /* secondary navigations hidden by default */
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
.cd-primary-nav, .cd-primary-nav ul li {
    list-style: none;
}
.cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a {
    /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
}
@media only screen and (max-width: 975px) {
    .nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul {
        right: auto;
        left: 0;
    }
}
.cd-primary-nav .see-all a {
    /* different style for the See all button on mobile and tablet */
    color: #5e8a58;
}
@media only screen and (max-width: 975px) {
    .cd-primary-nav {
        /* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
        visibility: hidden;
        -webkit-transition: visibility 0s 0.3s;
        -moz-transition: visibility 0s 0.3s;
        transition: visibility 0s 0.3s;
    }
    .cd-primary-nav.nav-is-visible {
        visibility: visible;
        -webkit-transition: visibility 0s 0s;
        -moz-transition: visibility 0s 0s;
        transition: visibility 0s 0s;
        /* Fix for Firefox */
        overflow-x: hidden;
    }
}
@media only screen and (min-width: 1100px) {
    .cd-primary-nav {
        padding: 0 120px 0 0;      
    } 
}
@media only screen and (max-width: 1098px) {
    .cd-primary-nav {
        padding: 0 90px 0 0;      
    } 
}
@media only screen and (max-width: 975px) {
    .cd-primary-nav {
        padding: 0;
    }
}
@media only screen and (min-width: 976px) {
    .cd-primary-nav {
        position: static;
        height: auto;
        width: auto;
        float: right;
        overflow: visible;
        background: transparent;
    }
    .cd-primary-nav::after {
        clear: both;
        content: "";
        display: table;
    }
    .cd-primary-nav.moves-out > li > a {
        /* reset mobile style */
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    .cd-primary-nav ul {
        position: static;
        height: auto;
        width: auto;
        background: transparent;
        overflow: visible;
        z-index: 3;
    }
    .cd-primary-nav ul.is-hidden {
        /* reset mobile style */
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    .cd-primary-nav ul.moves-out > li > a {
        /* reset mobile style */
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    .cd-primary-nav > li {
        float: left;
        margin-left: 3em;
    }
    .cd-primary-nav > li > a {
        /* main navigation buttons style */
        position: relative;
        display: inline-block;
        height: 80px;
        line-height: 80px;
        padding: 0 10px;
        color: #565664;
        text-decoration: none;
        overflow: visible;
        border-bottom: none;
        -webkit-transition: color 0.3s, box-shadow 0.3s;
        -moz-transition: color 0.3s, box-shadow 0.3s;
        transition: color 0.3s, box-shadow 0.3s;
    }
    .cd-primary-nav > li > a:hover {
        color: #5e8a58;
        text-decoration: none;
    }
    .cd-primary-nav > li > a.selected {
        color: #5e8a58;
        box-shadow: inset 0 -2px 0 #5e8a58;
    }
    .cd-primary-nav .go-back, .cd-primary-nav .see-all {
        display: none;
    }
    .cd-primary-nav .cd-secondary-nav {
        /* dropdown menu style */
        position: absolute;
        top: 80px;
        width: 100vw;
        background: #ffffff;
        padding: 48px 64px 100px;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: opacity .3s 0s, visibility 0s 0s;
        -moz-transition: opacity .3s 0s, visibility 0s 0s;
        transition: opacity .3s 0s, visibility 0s 0s;
    }
    .cd-primary-nav .cd-secondary-nav::after{
        clear: both;
        content: "";
        display: table;
    }
    .cd-primary-nav .cd-secondary-nav.is-hidden {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .3s 0s, visibility 0s .3s;
        -moz-transition: opacity .3s 0s, visibility 0s .3s;
        transition: opacity .3s 0s, visibility 0s .3s;
    }
    .cd-primary-nav .cd-secondary-nav > .see-all {
        /* this is the BIG See all button at the bottom of the dropdown menu */
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        height: 80px;
        width: 100%;
        overflow: hidden;
        /* reset some inherited style */
        margin: 0;
        padding: 0;
    }
    .cd-primary-nav .cd-secondary-nav > .see-all a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        font-size: 2.2rem;
        font-weight: bold;
        text-align: center;
        line-height: 80px;
        border-top: 1px solid #e2e3df;
        /* reset some inherited style */
        border-bottom: none;
        margin: 0;
        padding: 0;
        -webkit-transition: color 0.2s, background 0.2s, border 0.2s;
        -moz-transition: color 0.2s, background 0.2s, border 0.2s;
        transition: color 0.2s, background 0.2s, border 0.2s;
    }
    .cd-primary-nav .cd-secondary-nav > .see-all a:hover {
        background: #565664;
        border-color: #565664;
        color: #ffffff;
    }
    .cd-primary-nav .cd-secondary-nav > div > li {
        /* change the height according to your needs - you can even set height: auto */
        height: auto;
        /* here you set the number of columns - use width percentage */
        width: 14%;
        float: left;
        margin-right: 2.66%;
        margin-bottom: 20px;
        border-right: 1px solid #e2e3df;
        overflow: hidden;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .cd-primary-nav .cd-secondary-nav > div > li:nth-child(6n), .cd-primary-nav .cd-secondary-nav > div > li:nth-child(8n), .cd-primary-nav .cd-secondary-nav > div > li:nth-child(11n) {
        margin-right: 0;
        border-right: none;
    }
    
    .cd-primary-nav .cd-secondary-nav li.has-children > a {
        /* secondary nav title */
        color: #5e8a58;
        font-weight: bold;
        font-size: 1.6rem;
        margin-bottom: .6em;
    }
    .cd-primary-nav .cd-secondary-nav a {
        height: 30px;
        line-height: 30px;
        padding: 0 18% 0 0;
        color: #565664;
        border-bottom: none;
        font-size: 1.4rem;
    }
    .cd-primary-nav .cd-secondary-nav a:hover {
        color: #5e8a58;
    }
    .cd-primary-nav .cd-secondary-nav ul {
        /* Force Hardware Acceleration in WebKit */
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
    }
    .cd-primary-nav .cd-secondary-nav ul ul,  .cd-primary-nav .cd-secondary-nav ul > span  {
        /* tertiary navigation */
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }
    .cd-primary-nav .cd-secondary-nav ul ul.is-hidden {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }
    .cd-primary-nav .cd-secondary-nav ul ul .go-back {
        display: block;
    }
    .cd-primary-nav .cd-secondary-nav ul ul .go-back a {
        color: transparent;
    }
    .cd-primary-nav .cd-secondary-nav ul ul .see-all {
        display: block;
    }
    .cd-primary-nav .cd-secondary-nav .moves-out > li > a {
        /* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
.has-children > a, .go-back a {
    position: relative;
}
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
    /* arrow icon in CSS - for element with nested unordered lists */
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1px;
    display: inline-block;
    height: 2px;
    width: 10px;
    background: #464c4e;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.has-children > a::before, .go-back a::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.has-children > a::after, .go-back a::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
@media only screen and (min-width: 976px) {
    .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
        background: #c9cbc4;
    }
    .has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after {
        background: #5e8a58;
    }
}
.has-children > a {
    padding-right: 40px;
}
.has-children > a::before, .has-children > a::after {
    /* arrow goes on the right side - children navigation */
    right: 20px;
    -webkit-transform-origin: 9px 50%;
    -moz-transform-origin: 9px 50%;
    -ms-transform-origin: 9px 50%;
    -o-transform-origin: 9px 50%;
    transform-origin: 9px 50%;
}
.cd-primary-nav .go-back a {
    padding-left: 40px;
}
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
    /* arrow goes on the left side - go back button */
    left: 20px;
    -webkit-transform-origin: 1px 50%;
    -moz-transform-origin: 1px 50%;
    -ms-transform-origin: 1px 50%;
    -o-transform-origin: 1px 50%;
    transform-origin: 1px 50%;
}
@media only screen and (min-width: 976px) {
    .has-children > a::before, .has-children > a::after {
        right: 15%;
    }
    .cd-primary-nav > .has-children > a {
        /* main navigation arrows on larger devices */
        padding-right: 30px !important;
    }
    .cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {
        width: 9px;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        background: #c9cbc4;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: width 0.3s, -webkit-transform 0.3s;
        -moz-transition: width 0.3s, -moz-transform 0.3s;
        transition: width 0.3s, transform 0.3s;
    }
    .cd-primary-nav > .has-children > a::before {
        right: 12px;
    }
    .cd-primary-nav > .has-children > a::after {
        right: 7px;
    }
    .cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after {
        width: 14px;
    }
    .cd-primary-nav > .has-children > a.selected::before {
        -webkit-transform: translateX(5px) rotate(-45deg);
        -moz-transform: translateX(5px) rotate(-45deg);
        -ms-transform: translateX(5px) rotate(-45deg);
        -o-transform: translateX(5px) rotate(-45deg);
        transform: translateX(5px) rotate(-45deg);
    }
    .cd-primary-nav > .has-children > a.selected::after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .cd-secondary-nav > div >  .has-children > a::before, .cd-secondary-nav > div > .has-children > a::after {
        /* remove arrows on secondary nav titles */
        display: none;
    }
    .cd-primary-nav .go-back a {
        padding-left: 20px;
    }
    .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
        left: 1px;
    }
}
.cd-search {
    position: absolute;
    height: 50px;
    width: 100%;
    top: 80px;
    left: 0;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
body.ci_uli .cd-search {
    top: 112px;    
}
body.ci_uli.alert .cd-search{
    top: 144px;
}
body.alert .cd-search{
     top: 112px;
}
.cd-search form {
    height: 100%;
    width: 100%;
}
.cd-search input {
    border-radius: 0;
    border: none;
    background: #ffffff;
    height: 100%;
    width: 100%;
    padding: 0 5%;
    box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
#searchsubmit {
    background: #5e8a58;
}
#searchsubmit:hover {
    background: #565664;
}
.cd-search input::-webkit-input-placeholder {
    color: #c9cbc4;
}
.cd-search input::-moz-placeholder {
    color: #c9cbc4;
}
.cd-search input:-moz-placeholder {
    color: #c9cbc4;
}
.cd-search input:-ms-input-placeholder {
    color: #c9cbc4;
}
.cd-search input:focus {
    outline: none;
}
.cd-search input {
    padding: .5em 1em;
    font-size: 2.4rem;
    font-weight: 300;
}
.cd-search.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.nav-is-fixed .cd-search {
    position: fixed;
}
@media only screen and (max-width: 781px) {
    body.alert .cd-search {
        top: 140px;
    }
    body.ci_uli .cd-search {
        top: 126px;
    }
    body.ci_uli.alert .cd-search {
        top: 186px;
    }
}
.cd-overlay {
    /* shadow layer visible when navigation is active */
    position: fixed;
    z-index: 2;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    background-color: rgba(105, 170, 111, 0.8);
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}
.cd-overlay.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}
@media only screen and (max-width: 975px) {
    .cd-overlay.is-visible {
        -webkit-transform: translateX(-260px);
        -moz-transform: translateX(-260px);
        -ms-transform: translateX(-260px);
        -o-transform: translateX(-260px);
        transform: translateX(-260px);
    }
    .nav-on-left .cd-overlay.is-visible {
        -webkit-transform: translateX(260px);
        -moz-transform: translateX(260px);
        -ms-transform: translateX(260px);
        -o-transform: translateX(260px);
        transform: translateX(260px);
    }
    .cd-overlay.is-visible.search-is-visible, .nav-on-left .cd-overlay.is-visible.search-is-visible {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}
@media only screen and (max-width: 600px) {
    #wpadminbar {
        position: fixed;
    }
}
/* ## Support for no js 
--------------------------------------------- */
.no-js .cd-primary-nav {
    position: relative;
    height: auto;
    width: 100%;
    overflow: visible;
    visibility: visible;
    z-index: 2;
}
.no-js .cd-search {
    position: relative;
    top: 0;
    opacity: 1;
    visibility: visible;
}
@media only screen and (min-width: 976px) {
    .no-js .cd-primary-nav {
        position: absolute;
        z-index: 3;
        display: inline-block;
        width: auto;
        top: 0;
        right: 150px;
        padding: 0;
    }

    .no-js .nav-is-fixed .cd-primary-nav {
        position: fixed;
    }
}

/*
subscription button
*/
.subscriptionButton {
	padding: .5rem 1rem;
	color: #FFFFFF; 
	background-color: #5e8a58; 
	border: 1px solid #5e8a58; 
	border-radius: 5px;
}
.subscriptionButton:hover,
.subscriptionButton:active {
	color: #5e8a58;
	background-color: #50754b; 
}
#freeSubscriptionLink {
	color: #FFFFFF; 
}

/*
avIQ button
*/
.aviqButton {
	padding: .5rem 1rem;
	color: #FFFFFF !important; 
	background-color: #1e73be; 
	border: 1px solid #1e73be; 
	border-radius: 5px;
    position: relative;
    z-index: 100;
}
.aviqButton:hover,
.aviqButton:active {
	color: #1e73be;
	background-color: #12436e; 
}

/*
CI Expo button
*/
.ciexpoButton {
	padding: .5rem .1rem;
	color: #FFFFFF !important; 
	background-color: #c49935; 
	border: 1px solid #c49935; 
	border-radius: 5px;
    position: relative;
    z-index: 100;
}
.ciexpoButton:hover,
.ciexpoButton:active {
	color: #c49935;
	background-color: #70520a; 
}

#freeSubscriptionLink {
	color: #FFFFFF; 
}

li.displayonmobile {display: none;}
@media only screen and (max-width: 975px) {
	.displayonwide {display: none;}
	li.displayonmobile {display: contents;}
}

/* # Footer
---------------------------------------------------------------------------------------------------- */
.siteFooter {
    margin-top: 40px;
}
.siteFooter .footer-top-row, .siteFooter .footer-middle-row {
    width: 100%;
    padding: 2em 0;
}
.siteFooter .footer-top-row img, .siteFooter .footer-middle-row img  {
    float: left;
    margin-right: 1em;
}
.siteFooter .footer-top-row {
    background: #eeecec;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.siteFooter .footer-top-row p {
    font-family: 'PT Sans', sans-serif;
}
.siteFooter .footer-middle-row {
    background: #565664;
    color: #fff;
    font-family: 'PT Sans', sans-serif;
}
.siteFooter .footer-middle-row .row.nested .row {
    margin: 0;
}
.siteFooter .footer-middle-row .row.nested .row .dt-6 {
/*    padding: 0;*/
}

.siteFooter .footer-middle-row .col-1,
.siteFooter .footer-middle-row .col-2,
.siteFooter .footer-middle-row .col-3,
.siteFooter .footer-middle-row .col-4,
.siteFooter .footer-middle-row .col-5 {
    float: left;
}

.siteFooter .footer-middle-row .col-1 {
/*    background-color:red;*/
    width: 15%;
}

.siteFooter .footer-middle-row .col-2 {
/*    background-color:orange;*/
    width: 15%;
}

.siteFooter .footer-middle-row .col-3 {
/*    background-color:pink;*/
    width: 15%;
}

.siteFooter .footer-middle-row .col-4 {
/*    background-color:green;*/
    width: 38%;
}

.siteFooter .footer-middle-row .col-5 {
/*    background-color:blue;*/
    width: 17%;
}

.siteFooter .footer-middle-row h5 {
	clear: left;
    color: #6ca064 !important;
}
.siteFooter .footer-middle-row ul {
    margin: 0;
    padding: 0;
}
.siteFooter .footer-middle-row ul li {
    list-style: none;
}
.siteFooter .footer-middle-row a {
    color: #fff;
}
.siteFooter .footer-middle-row a:hover {
    color: #6ca064;
}
.siteFooter .footer-middle-row h3 {
    font-family: 'Oswald', sans-serif;
    color: #fff; 
}
.siteFooter .footer-middle-row ul.social-menu li {
    display: inline-block;
    width: 40px;
}
.siteFooter .footer-middle-row ul.social-menu li a {
/*    visibility: hidden;*/
    display: inline-flex;
    color: #fff;
}
.siteFooter .footer-middle-row ul.social-menu li a:hover {
    color: #6ca064;
}
.siteFooter .footer-middle-row ul.social-menu li a:before {
    visibility: visible;
    font-family: FontAwesome; 
    /*font-size: 18px;*/
	font-size: 25px;
    display: inline-block; 
}
.siteFooter .footer-middle-row ul.social-menu li a[href*="facebook.com"]:before {
    content: "\f09a";
}
.siteFooter .footer-middle-row ul.social-menu li a[href*="twitter.com"]:before {
    content: "\f099";
}
.siteFooter .footer-middle-row ul.social-menu li a[href*="plus.google.com"]:before {
    content: "\f0d5";
}
.siteFooter .footer-middle-row ul.social-menu li a[href*="www.youtube.com"]:before {
    content: "\f16a";
}
.siteFooter .footer-middle-row ul.social-menu li a[href*="linkedin"]:before {
    content: "\f0e1";
}
.siteFooter .footer-middle-row ul.social-menu li a[href*="feedburner.com"]:before {
    content: "\f09e";
}
.siteFooter .footer-bottom-row {
    width: 100%;
    height: 100%;
    min-height: 50px;
    background: #6ca064;
    color: #fff;
    font-family: 'PT Sans', sans-serif;
    text-align: center;
}
@media only screen and (max-width: 976px) {
    .siteFooter .footer-bottom-row {
        min-height: 90px;
    }
}
.siteFooter .footer-bottom-row p {
    padding-top: 10px;
}

/* # New Emerald Standard Footer Section
---------------------------------------------------------------------------------------------------- */
.emeraldFooter a, .emeraldFooter p {
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
}

.emeraldFooter .emerald-brandfooter {
	background-color: #373e4a; 
	text-align: right; 
	font-size: 1.6rem;
}
.emeraldFooter .emerald-brandfooter p {
	margin: 0px;
	margin-top: 15px;
}
.emeraldFooter .emerald-brandlogo {
	text-align: left;
	margin-top: 10px;
}
.emeraldFooter .emerald-brandsocial {
	text-align: right;
}

.emeraldFooter .emerald-corpfooter {
	background-color: #2b2b2b; 
	text-align: right; 
	font-size: 1.6rem;
}
.emeraldFooter .emerald-corplogo {
	text-align: left; 
	margin-bottom: 0px;
}
.emeraldFooter .emerald-copyright {
	text-align: right;
	margin-top: 40px;
}
.emeraldFooter .emerald-copyright a{
	color: #fff;
}
.emeraldFooter .emerald-copyright a:hover {
	color: #6ca064;
}
.emerald-corplinks {
	padding: 10px 0px;
	background-color: #373e4a; 
	text-align: right; 
	font-size: 1.6rem;
}
.emerald-corplinks a {
	margin-right: 20px;
}
.emerald-corplinks a:hover {
	color: #6ca064;
}
@media only screen and (max-width: 768px) {
.emeraldFooter .emerald-brandlogo,
.emeraldFooter .emerald-brandsocial,
.emeraldFooter .emerald-corpfooter,
.emeraldFooter .emerald-corplogo,
.emeraldFooter .emerald-copyright
	{
	text-align: center;
	}
.emeraldFooter .emerald-brandsocial ul.top-menu {
		float: inherit;
	}
.emeraldFooter .emerald-copyright {
	margin-top: 0px;
	margin-bottom: 0px;
}
.emeraldFooter.siteFooter .footer-middle-row img {
	float: none;
	margin-right: 0px;
	}
}
/* # Spotlights
---------------------------------------------------------------------------------------------------- */
.siteSpotlight {
    background: rgba(242,242,242,1);
    background: -moz-linear-gradient(left, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(242,242,242,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff', GradientType=1 );
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    margin: 0 0 1em 0;
    width: 100%;
}
.siteSpotlight .wrapper {
    margin: .5em 0 5px 0;
    padding: 0;
}
.siteSpotlight .spotlight-logo {
    max-width: 150px;
    display: inline-block;
}
.siteSpotlight h2,
.siteSpotlight .sponsored-by {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
}
.siteSpotlight h3,
.siteSpotlight h4,
.siteSpotlight h5,
.siteSpotlight h6 {
    font-family: 'PT Sans', sans-serif;
}
.siteSpotlight .sponsored-by {
    font-size: 1.4rem;
    color: #292929;
}
.siteSpotlight.standard h2.siteSpotlight_Header {
	float: left;
}
.siteSpotlight.standard.innerSpotlight .siteSpotlight_Content{
	clear:both;
}
.siteSpotlight h2.siteSpotlight_Header > span {
    color: #5e8a58;
}
.siteSpotlight #spotlight-excerpt p {
	clear: both;
	margin: 0;
}
.siteSpotlight #spotlight-excerpt.no-show {
	display: none;
}
.siteSpotlight #spotlight-excerpt.show {
	display: block;
}
.siteSpotlight a {
    color: #292929;  
}
.siteSpotlight a:hover {
    color: #000;  
}
.siteSpotlight .siteSpotlight_Sponsor {
    width: 100%;
}
.siteSpotlight .siteSpotlight_Sponsor p {
	margin: 0;
}
.siteSpotlight.standard .siteSpotlight_Sponsor {
	width: 50%;
	float: right;
	text-align: right;
}
.siteSpotlight .siteSpotlight_Sponsor img,
.siteSpotlight.standard .siteSpotlight_Sponsor img  {
    max-height: 45px;
    width: auto;
    margin: 0 .5em 0 0;
    display: inline-block;
}
.siteSpotlight .spotlightButton {
    clear: both;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.siteSpotlight .spotlight-feature-home img {
    border: 1px solid #ababab;
    margin-bottom: .5em;
}
.siteSpotlight .siteSpotlight_Html img {
    max-width: 150px;
}
.siteSpotlight .siteSpotlight_Html img.alignleft {
   margin: 0 .5em .5em 0; 
}
.siteSpotlight .siteSpotlight_Html img.alignright {
   margin: 0 0 .5em .5em; 
}
.siteSpotlight .siteSpotlight_Html p {
  margin: 0 0 10px;  
}
@media (max-width: 1200px) {
    .siteSpotlight .spotlight-feature-home.with-Spotlight_Html .alignleft {
        float:none;
    }
    .siteSpotlight .spotlight-feature-home.with-Spotlight_Html span.home-excerpt {
        display: none;
    }
}
@media (max-width: 700px) {
    .siteSpotlight .spotlight-feature-home.no-Spotlight_Html .alignleft {
        float:none;
    }
    .siteSpotlight .spotlight-feature-home.no-Spotlight_Html span.home-excerpt {
        display: none;
    }
}
.siteSpotlight .spotlight-other-features {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
.siteSpotlight .spotlight-other-features.no-Spotlight_Html {
    border-right: 0;
}
@media (max-width: 1023px) {
    .siteSpotlight .spotlight-other-features {
        border-right: none;
    }
    .siteSpotlight .siteSpotlight_Html {
        border-top: 1px solid #e5e5e5;
        padding-top: .8em;
    }
}
@media (max-width: 535px) {
    .siteSpotlight .spotlight-other-features.mp-8.ml-8,
    .siteSpotlight .spotlight-feature-home.mp-4.ml-4,
    .siteSpotlight .spotlight-other-features.mp-6.ml-6,
    .siteSpotlight .spotlight-feature-home.mp-6.ml-6{
        float: none;
        width: 100%;
    }
    .siteSpotlight .spotlight-feature-home.with-Spotlight_Html .alignleft {
        float: left;
    }
    .siteSpotlight .spotlight-feature-home.no-Spotlight_Html .alignleft {
        float: left;
    }
    .siteSpotlight .spotlight-feature-home .alignleft img {
        max-height: 80px;
        width: auto;
    }
    .siteSpotlight .spotlight-other-features {
        clear: left;
        padding-top: .8em;
        border-left: none;
        border-top: 1px solid #e5e5e5;
    }
}
.siteSpotlight .spotlight-other-features h5:after {
    content: "";
    display: table;
    clear: both;
}
#spotlight .collapsedSpotlight {
    display:none;
}
#spotlight_closeButton:hover {
    color: #5e8a58;
    cursor: pointer;
}
#spotlight_closeButton.open:after {
    visibility: visible;
    content: "Close";
    font-size: 1.3rem;
}
#spotlight_closeButton.open:before {
    visibility: visible;
    font-family: FontAwesome;
    content: "\f077";
    margin-right: 2px; 
}
#spotlight_closeButton.close:after {
    visibility: visible;
    content: "Open";
    font-size: 1.3rem;
}
#spotlight_closeButton.close:before {
    visibility: visible;
    font-family: FontAwesome;
    content: "\f078";
    margin-right: 2px; 
}
.siteSpotlight .spotlight-feature img {
    /*float: left;*/
    margin-right: 10px;
}
@media (max-width: 1470px) {
    .siteSpotlight .spotlight-feature img {
        float: none;
        margin: 0 .5px 0 0;
    }
}
@media (max-width: 969px) {
    .siteSpotlight .spotlight-feature.ml-2 {
        float: none;
        width: 100%;
        border-bottom: 1px solid #e5e5e5;
    }
    .siteSpotlight .spotlight-feature img {
        display: none;
    }
}

/* # Footer Promos
---------------------------------------------------------------------------------------------------- */

#promo_footer {
	display: none;
	width:100%;
	/*background-color: #000;
	background-color: #002b62;
	background-color: #0047ba;*/
	background-color: #A9A6A9;
	position: fixed;
	bottom: 0px;
	font-family: 'PT Sans', sans-serif;
	color: #fff;
}
#promo_footer .close {
	cursor: pointer;
}

#promo_footer img {
	max-width:100%;
	height:auto;
}

/*
#promo_footer, #footerpromo-mobile {
	display: none;
	background-color: #ff823d;
	position: fixed;
	bottom: 0px;
	font-family: 'PT Sans', sans-serif;
	color: #fff;
}
#promo_footer.full-width {
	width: 100%;
}
#promo_footer.half-width {
	width: 350px;
}
#promo_footer .row.expand {
	margin: 0 .5em;
}
#promo_footer #footerpromorow {
	padding: .5em 0;
}
*/
#promo_footer a#minimize-button {
	float: right;
	color: #fff;
	width: 10px;
	cursor: pointer;
}
#promo_footer a#minimize-button:hover {
	color: #292929;
	cursor: pointer;
}
#promo_footer a#minimize-button.collapse:before {
    visibility: visible;
    font-family: FontAwesome;
    content: "\f00d";
    margin-right: 5px; 
}
#promo_footer a#minimize-button.expand:before {
    visibility: visible;
    font-family: FontAwesome;
    content: "\f105";
    margin-right: 5px;
    font-size: 2rem;
    font-weight: bold; 
}
#promo_footer .footer-image-or-video a {
	color: #fff;
	outline : none;
}
#promo_footer .footer-image-or-video a:hover {
	opacity: .9;
}
#promo_footer .footer-image-or-video i.playbutton {
	position: absolute;
	z-index: 5;
	font-size: 3.6rem;
	width: 150px;
	text-align: center;
	margin-top: 20px;
}
#promo_footer .footer-image-or-video img {
	position: relative;
	z-index: 1;
}
#promo_footer .footer-image-or-video {
	padding: 0 10px 0 0;
	width: 150px;
	float: left;
}
#promo_footer.half-width .footer-image-or-video {
	float: right;
}
#promo_footer.half-width .footer-html {
	/*display: none;*/
}
#promo_footer h2,
#promo_footer h3,
#promo_footer h4,
#promo_footer h5,
#promo_footer h6{
	font-family: 'PT Sans', sans-serif;
	color: #fff;
}
#promo_footer h2,
#promo_footer h3 {
	font-size: 1.8rem;
}

#promo_footer.half-width h3 {
	font-size: 1.6rem;
	float: left;
	width: 90%;
}
#promo_footer p {
	margin: 0;
	font-size: 1.5rem;
}
#promo_footer .footer-html .button {
	background: #565664;
	padding: 5px 10px;
}
#promo_footer .footer-html .button:hover {
	background: #292929;
}
#promo_footer .footer-sponsor-logo p {
	margin: 0 0 10px;
	/*display: inline-table;*/

}
#promo_footer .footer-sponsor-logo img {
	max-width: 160px;
	height: auto;
	float: none;
	text-align: left;
	margin: 0;
}
#promo_footer.half-width .footer-sponsor-logo img {
	max-width: 90px;
}
/*
@media (max-width: 1024px) {
	#promo_footer {
		display: none !important;
	}
	#footerpromo-mobile {
		display: block;
		width: 100%;
		text-align: center;
	}
	#footerpromo-mobile .row {
		padding-top: .5em;
	}
	#footerpromo-mobile a {
		color: #565664;
		font-weight: bold;
	}
	#footerpromo-mobile a:hover {
		color: #292929;
	}
	#footerpromo-mobile p {
		font-size: 1.4rem;
		margin-bottom: 10px;
	}
}
*/


/* # Alerts
---------------------------------------------------------------------------------------------------- */
body.ci_uli .alertBar {
    top: 32px;
}
.not-visible {
    visibility: hidden;
}
.alertBar {
    position: fixed;
    top: 0;
    height: 32px; 
    width: 100%;
    z-index: 9;
    background-color: #ff823d;
    color: #fff;
    font-family: 'PT Sans', sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: .025em;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.73);
}
@media (max-width: 781px) {
    body.ci_uli .alertBar {
        top: 46px;
    }
}
.alertBar h2,
.alertBar h3,
.alertBar h4,
.alertBar h5,
.alertBar h6 {
    color: #fff;
    font-family: 'PT Sans', sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: .025em;
    font-weight: bold;
}
.alertBar .wrapper .row {
    text-align: center;
}
.alertBar .wrapper .alert-wrap i.close {
    position: absolute;
    right: 4em;
    top: .3em;
}
@media (max-width: 1100px) {
    .alertBar .wrapper .alert-wrap i.close {
        right: 2em;
    }
}
@media (max-width: 781px) {
    .alertBar .wrapper .alert-wrap i.close {
        top: 1em;
    }
}
.alertBar .wrapper .row p {
    margin: 0;
}
.alertBar .wrapper .row a {
    color: #fff;
    text-decoration: underline;
}
.alertBar .wrapper .row a:hover{
    color: #565664
}
@media (max-width: 781px) {
    .alertBar {
        height: 60px;
    }
    .alertBar .wrapper .row  {
        display: table;
        height: 60px;
        width: 80%;
        margin: 0 auto;
    }
    .alert-wrap {
        display: table-cell;
        vertical-align: middle;
        margin: 0 2em;
    }
}
@media (max-width: 600px) {
    .alertBar,
    .alertBar h2,
    .alertBar h3,
    .alertBar h4,
    .alertBar h5,
    .alertBar h6 {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

@media (max-width: 400px) {
    .alert-wrap {
        margin: 0 1em;
    }   
    .alertBar .wrapper .alert-wrap i.close {
        right: 1em;
    }
}
/* # Ads
---------------------------------------------------------------------------------------------------- */
.topads {
    margin: 0 auto;  
    text-align: center;
    /*padding: 0 1em;*/
}
.topads img {
   max-width: 100%;
   height: auto; 
}    
.jumbo {
    min-height: 25px;
}

.topads.jumbo {
	padding-top: 25px;
}
/* # Wordpress Gallery
---------------------------------------------------------------------------------------------------- */

@media (max-width: 1550px) {
    .gallery-columns-9 .gallery-item:nth-child(3n+1) {
        clear:left; 
    }
   .gallery-columns-9 .gallery-item {
        width: 33% !important;
    }
    .gallery-columns-8 .gallery-item:nth-child(4n+1) {
        clear:left; 
    }
    .gallery-columns-8 .gallery-item {
        width: 25% !important;
    }
}
@media (max-width: 1325px) {
    .gallery-columns-7 .gallery-item:nth-child(3n+1), .gallery-columns-6 .gallery-item:nth-child(3n+1)  {
        clear:left;
    }    
   .gallery-columns-7 .gallery-item, .gallery-columns-6 .gallery-item {
        width: 33% !important;
    }
}
@media (max-width: 1228px) {
    .gallery-columns-5 .gallery-item:nth-child(3n+1) {
        clear:left;
    } 
    .gallery-columns-5 .gallery-item {
        width: 33% !important;
    }
}
@media (max-width: 1125px) {
    .gallery-columns-9 .gallery-item:nth-child(2n+1),
    .gallery-columns-8 .gallery-item:nth-child(2n+1),
    .gallery-columns-7 .gallery-item:nth-child(2n+1),
    .gallery-columns-6 .gallery-item:nth-child(2n+1),
    .gallery-columns-5 .gallery-item:nth-child(2n+1),
    .gallery-columns-4 .gallery-item:nth-child(2n+1){
        clear:left;
    }
    .gallery-columns-9 .gallery-item:nth-child(3n+1), 
    .gallery-columns-7 .gallery-item:nth-child(3n+1), 
    .gallery-columns-6 .gallery-item:nth-child(3n+1), 
    .gallery-columns-5 .gallery-item:nth-child(3n+1) {
        float: left !important;
        clear: none !important;
    }
    .gallery-columns-9 .gallery-item,
    .gallery-columns-8 .gallery-item,
    .gallery-columns-7 .gallery-item,
    .gallery-columns-6 .gallery-item,
    .gallery-columns-5 .gallery-item,
    .gallery-columns-4 .gallery-item{
        width: 49% !important;
    }
}
@media (max-width: 1000px) {
    .gallery-columns-3 .gallery-item:nth-child(2n+1) {
        clear:left;
    }
    .gallery-columns-3 .gallery-item {
        width: 49% !important;
    }   
}
@media (max-width: 968px) {
    .gallery-columns-9 .gallery-item,
    .gallery-columns-8 .gallery-item,
    .gallery-columns-7 .gallery-item,
    .gallery-columns-6 .gallery-item,
    .gallery-columns-5 .gallery-item,
    .gallery-columns-4 .gallery-item,
    .gallery-columns-3 .gallery-item,
    .gallery-columns-2 .gallery-item {
        float: none !important;
        width: 100% !important;
    }
}
/* # Related Posts (in-page)
---------------------------------------------------------------------------------------------------- */
aside#related {
    max-width: 250px;
    float: left;
    margin-right: 2em;
}
aside#related .related-title {
    margin-top: .8em;
    font-family: 'PT Sans', sans-serif;
    color: #4a72a9;
    border-top: 3px solid #e5e5e5;
}
aside#related .related-title .related-title-container {
    margin-top: .5em;
}
aside#related .related-title .related-title-container span {
    font-weight: 900;
}
@media (max-width: 460px) {
    aside#related {
        float: none;
        width: 100%;
    }
}
/* # Archive
---------------------------------------------------------------------------------------------------- */
.archivePage .page-links {
    margin-top: 1em;
}
article.separator {
    margin: .5em 0;
    border-bottom: 1px solid #e5e5e5;
}
article.separator:after {
    content: "";
    display: table;
    clear: both;
}
article.separator .alignleft img.attachment-thumbnail,
.archiveEventPage .featured-event img {
    border: 1px solid #ddd;
} 
article.separator:last-child {
    border-bottom: none;
}
article.separator h4 a {
    color: #292929;
}
article.separator h4 a:hover {
    color: #000;
}
article.separator p {
   margin: 0;
}
@media (max-width: 450px) {
    article.separator .alignleft {
         width: 100%;
         float: none;
         margin: 0 0 1em 0;
     }
}
/* # Event Archive
--------------------------------------------- */
.archiveEventPage .featured-event .dt-4, 
.archiveEventPage .featured-event .dt-7 {
    padding: 0;
}
.archiveEventPage .featured-event {
    width: 100%;
    margin: 10px 0 20px 0;
    padding: 10px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.archiveEventPage .featured-event .featured-event-wrap:after{
    content: "";
    display: table;
    clear: both;
}
.archiveEventPage .featured-event .featured-event-wrap h2 {
    color: #565664;
}
.archiveEventPage .featured-event .dt-4 .featured-event-image-wrap {
    padding: 0 1em 0 0;
}
.archiveEventwrapper .separator .alignleft .button {
    margin-top: .5em;
    padding: 5px 27px;
}
.archiveEventwrapper .separator h6.location:after{
    content: "";
    display: table;
    clear: both;
}

/* For the event calendar page */
.archiveEventwrapper .more-events {
    display: inline-block;
}
.archiveEventwrapper .more-events i {
    color: #5e8a58;
}
.archiveEventwrapper .event-space .event-space {
    margin-right: .5em;
}
/* # Company Archive
--------------------------------------------- */
.archiveCompanyPage p.company-link {
    margin-bottom: 1em;
}
/* # Category
--------------------------------------------- */
.categoryPage header {
    width: 100%;
    background: rgba(238,236,237,1);
    background: -moz-linear-gradient(top, rgba(238,236,237,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,236,237,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(238,236,237,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(238,236,237,1) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(238,236,237,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(238,236,237,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeced', endColorstr='#ffffff', GradientType=0 );
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 1em;
}
.categoryPage header:after {
    content: "";
    display: table;
    clear: both;
}
.categoryPage header .header-inside-wrap {
    margin: 1em 0;
}
.categoryPage header .header-inside-wrap .latest {
    padding-left: 0;
}
.categoryPage header h2.green-header {
    font-size: 20px;
    font-size: 2rem;
}
.category-outside-wrapper {
    margin-top: 4em;
}
.latest, .project {
    border-right: 1px solid #e5e5e5;
}
@media (max-width: 1169px) {
    .latest, .project, .sponsor-resource {
        width: 50%;
    }
    .project {
        border: none;
    }  
    .sponsor-resource {
        clear: left;
        padding-left: 0;
    }
}
@media (max-width: 780px) {
    .latest, .project, .sponsor-resource {
        width: 100%;
        float: none;
        border: none;
    }
}
.inside-wrap {
    margin: .5em .5em 0 .5em;
}
.categoryPage header .latest .inside-wrap {
    margin: .5em .5em 0 0;
}
.categoryPage header h4 a {
    color: #292929;
}
.categoryPage header h4 a:hover {
    color: #000;
}
.categoryPage header img {
    border: 1px solid #ddd;
}
.categoryPage h1 {
    font-family: 'Oswald', sans-serif;
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: normal;
    color: #565664;
}
.categoryPage .category-names h1 span {
    color: #5e8a58;
}
.category-wrapper .category-name-project h1 {
    font-family: 'Oswald', sans-serif;
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: normal;
    color: #565664;
}
.category-wrapper .term-description {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 1em;
}
.category-wrapper .category-all-content {
    margin: 1em;
}
.categoryPage header .sponsor-resource img.sponsor-logo {
    border: none;
    display: block;
}
/* # Author
--------------------------------------------- */
.authorPage h1 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
    margin: 0;
}
.authorPage h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 38px;
    font-size: 3.8rem;
    font-weight: 400;
    color: #5E8A58
}
.authorPage h2 > span {
    color: #292929;
}
.authorPage .author-top-section {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: .5em;
    margin-bottom: 1em;
}
.authorPage .author-top-section:after {
    content: "";
    display: table;
    clear: both;
}
.authorPage .author-bio.dt-8,
.authorPage .author-social.dt-4 {
    padding: 0;
}
.authorPage .author-social.dt-4 {
    float: right;
    width: 300px;
}
@media (min-width: 1854px) {
    .authorPage .author-bio.dt-8 {
        width: 81%;
    }
}
@media (max-width: 1853px) {
    .authorPage .author-bio.dt-8 {
        width: 80%;
    }
}
@media (max-width: 1659px) {
    .authorPage .author-bio.dt-8 {
        width: 78%;
    }
}
@media (max-width: 1560px) {
    .authorPage .author-bio.dt-8 {
        width: 76%;
    }
}
@media (max-width: 1469px) {
    .authorPage .author-bio.dt-8 {
        width: 74%;
    }
}   
@media (max-width: 1379px){
    .authorPage .author-bio.dt-8,
    .authorPage .author-social.dt-4 {
        width: 100%;
        float: none;
    }
}
.authorPage .author-top-section .author-bio.dt-8 .alignleft > img {
    border: 1px solid #ddd;
}
.authorPage .author-social i {
    color: #5E8A58
}
.author-wrapper .author-latest-blogs, 
.author-wrapper .author-latest-posts {
    margin: 1em 0 2em 0;
}
/* # Quiz
--------------------------------------------- */
.quizListing {

}
.quizIcon {
	color:#5e8a58;
}

/* # SINGLE
--------------------------------------------- */
/* ## Company
--------------------------------------------- */
.singleCompany h1 {
    font-weight: 400;
}
.singleCompany h1 span {
    color: #5e8a58;
}
.singleCompany .header-border,
.singleCompany .header {
    margin: 10px 0 20px 0;
    padding: 10px 0;
}
.singleCompany .header-border {
    border-bottom: 1px solid #e5e5e5;
}
.singleCompany .header:after,
.singleCompany .header-border:after {
    content: "";
    display: table;
    clear: both;
}
.singleCompany .company-address > p:before,
.singleCompany .company-phone:before,
.singleCompany .company-fax:before,
.singleCompany .company-url:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-right: .5em;
}
.singleCompany .company-address > p:before {
    content: "\f041";
}
.singleCompany .company-phone:before{
    content: "\f095";
}
.singleCompany .company-fax:before {
    content: "\f1ac";
}
.singleCompany .company-url:before {
    content: "\f0c1";
}
.singleCompany .company-address p {
    margin: 0; 
}
.singleCompany .company-wrapper-left.dt-8,
.singleCompany .company-wrapper-right.dt-4 {
    padding: 0;
 }
.singleCompany .company-wrapper-right.dt-4 {
    float: right;
    width: 300px;
}
 @media (min-width: 1854px) {
    .singleCompany .company-wrapper-left.dt-8 {
        width: 81%;
    }
}
@media (max-width: 1853px) {
    .singleCompany .company-wrapper-left.dt-8 {
        width: 80%;
    }
}
@media (max-width: 1659px) {
    .singleCompany .company-wrapper-left.dt-8 {
        width: 78%;
    }
}
@media (max-width: 1560px) {
    .singleCompany .company-wrapper-left.dt-8 {
        width: 76%;
    }
}
@media (max-width: 1469px) {
    .singleCompany .company-wrapper-left.dt-8 {
        width: 74%;
    }
}   
@media (max-width: 1379px){
    .singleCompany .company-wrapper-left.dt-8,
    .singleCompany .company-wrapper-right.dt-4 {
        width: 100%;
        float: none;
    }
}
.singleCompany .hero-wrapper {
    max-width: 1400px;
    margin: 0 auto 1em auto;
}

.singleCompany .company-custom-html,
.singleCompany .company-hero {
    margin: 1em 0;
    border-bottom: 1px solid #e5e5e5;
}
.singleCompany .in-the-news.dt-6 {
    border-right: 1px solid #e5e5e5;
    padding: 0 1em 0 0;   
}
.singleCompany .press-release.dt-6 {
    padding: 0 0 0 1em;   
}
.singleCompany .in-the-news.dt-6, 
.singleCompany .press-release.dt-6 {
    width: 48%; 
    margin: 2em 0;
}
@media (max-width: 900px){
    .singleCompany .in-the-news.dt-6, 
    .singleCompany .press-release.dt-6 {
        width: 100%;
        float: none;
        border: none;
        padding: 0;
    }
}
.singleCompany .company-more {
    content: "";
    display: block;
    clear: both;
    padding-top: 1em;
}
.singleCompany ul.social-menu li {
    display: inline-block;
    list-style: none;
    width: 40px;   
}
.singleCompany ul.social-menu li a {
   visibility: hidden;
   display: inline-flex;
}
.singleCompany ul.social-menu li a:before {
    visibility: visible;
    font-family: FontAwesome; 
    font-size: 18px; 
    display: inline-block; 
}
.singleCompany ul.social-menu li a[href*="facebook.com"]:before {
    content: "\f09a";
}
.singleCompany ul.social-menu li a[href*="twitter.com"]:before {
    content: "\f099";
}
.singleCompany ul.social-menu li a[href*="plus.google.com"]:before {
    content: "\f0d5";
}
.singleCompany ul.social-menu li a[href*="linkedin"]:before {
    content: "\f0e1";
}
.singleCompany ul.social-menu li a[href*="youtube"]:before {
    content: "\f167";
}
.singleCompany ul.social-menu li a[href*="pinterest"]:before {
    content: "\f231";
}
.singleCompany ul.social-menu li a[href*="instagram"]:before {
    content: "\f16d";
}
/* ## Downloads and Webcasts
--------------------------------------------- */
.singleDownload .download-wrapper-inner {
    content: "";
    display: table;
    clear: both;
    margin: 1.5em 0 1em 0;
}
.download-wrapper .alignleft > img, 
.webcast-wrapper .alignleft > img {
    border: 1px solid #e5e5e5;
} 
.download-wrapper .sponsor-custom-section,
.webcast-wrapper .sponsor-custom-section {
    content: "";
    display: table;
    clear: both;
    border: 1px solid #ddd;
    width: 100%;
}
span.sponsored-by {
    color: #9f9e9e;
    font-style: italic;
    font-size: 14px;
    font-size: 1.4rem;
}
.download-wrapper .sponsor-custom-section > div,
.webcast-wrapper .sponsor-custom-section > div {
    margin: 1em 2em;
}
.download-wrapper .sponsor-custom-section > div .alignleft > img,
.webcast-wrapper .sponsor-custom-section > div .alignleft > img {
    border: none;
}
@media (  max-width: 900px ) {
    .download-wrapper .alignleft,
    .webcast-wrapper .alignleft {
        float: none;
        margin: 0;
    }
}
.singleDownload form {
    margin: 2em 0;
}
.singleDownload .download-wrapper input[type="submit"] {
    margin-top: 1em !important;
}
.webcast-wrapper .webcast-date {
    display: block;
    width: 100%;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin: 1em 0;
}
.webcast-wrapper .webcast-date h3 {
    font-family: 'Oswald', sans-serif;
    color: #565664;
    margin: 1em 0;
}
.webcast-wrapper .webcast-date h3 i {
    color: #5e8a58;
}

.download-sideBar {
    max-width: 400px !important;
    font-family: 'PT Sans', sans-serif;
    padding: 0;
    margin: 0;
}    

/* ## Slideshows 
--------------------------------------------- */
.singleSlideShow header .header-border {
    height: 50px;
}
.singleSlideShow a.previous:before,
.singleSlideShow a.next:after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #565664;
}
.singleSlideShow a.previous:before {
    content: "\f053";
    margin-right: .5em;
}
.singleSlideShow a.next:after {
    content: "\f054";
    margin-left: .5em;
}
.singleSlideShow a.previous {
    float: left;
}
.singleSlideShow a.next {
    float: right;
}
.singleSlideShow header .header-border:after {
    content: "";
    display: table;
    clear: both;
}
.youtube-clip {
    width: 150px;
    height: 150px;
    overflow: hidden;
}
.singleSlideShow .slideTitle {
	font-size:inherit;
	font-weight:inherit;
	font-family:inherit;
	color:inherit;
	display:inline;
}
/* ## Quizzes
--------------------------------------------- */
.sponsorship_quiz {
	background-color:#EEE;
	padding:1rem 1rem;
	text-align:right;
	max-width: 700px;
	margin:0 auto;
}
.sponsorship_quiz .sponsorship_logo {
	vertical-align: top;
	margin-left:1rem;
}
.sponsorship_quiz .sponsorship_label {
	color:#999;
}
/* ## Events
--------------------------------------------- */
.singleEvent .hero-outer-wrapper {
    margin-bottom: 40px;
}
.singleEvent .hero-outer-wrapper:after {
    content: "";
    display: table;
    clear: left;
}
.singleEvent .hero-inner-wrapper.dt-9, .singleEvent .hero-info-section.dt-3 {
    padding: 0;
}
.singleEvent .hero-info-section-wrapper {
    margin: 1em 2em;
}
.singleEvent .hero-outer-wrapper p.wp-caption-text {
    margin: .5em 0;
}
.clear-left {clear: left;}

@media (  max-width: 1168px ) {
    .singleEvent .hero-info-section-wrapper {
        margin: 0;
    }
    .singleEvent .hero-outer-wrapper {
        margin-bottom: 20px;
    }
}
.singleEvent section.no-hero-outer-wrapper {
    width: 100%;
    height: auto;
    margin: 10px 0 20px 0;
    padding: 10px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.singleEvent ul#event-latest {
    margin-left: 0;
}
.singleEvent ul#event-latest li {
    margin: 1em 0;
    list-style: none;
    border-bottom: 1px solid #e5e5e5;
}
.singleEvent ul#event-latest li:last-child {
    border-bottom: none;
}
.singleEvent ul#event-latest li:after {
    content: "";
    display: table;
    clear: left;
}
.singleEvent .alignleft,
.singleEvent .alignright {
    max-width: 500px;
}
/* ## Posts
--------------------------------------------- */
.singlePost header {
    margin-bottom: 40px;
}
.singlePost .quiz-link a{
	color: #ff5555;
}
.singlePost .author-name a, 
.singlePost .comments-link a {
    color: #5e8a58;
} 
.singlePost .quiz-link a:hover{
	color: #ff3333;
} 
.singlePost .author-name a:hover, 
.singlePost .comments-link a:hover {
    color: #292929;
}
.singlePost time,
.singlePost .quiz-link,
.singlePost .author-name,
.singlePost .comments-link {
    font-family: 'Oswald', sans-serif;
    color: #5e8a58;
    padding-right: 0.5em;
}
.singlePost time:before,
.singlePost .quiz-link:before,
.singlePost .author-name:before,
.singlePost .comments-link:before,
.singlePost .sponsored-post:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #565664;
    padding-right: 0.3em;
}
.singlePost time:before {
    content:  "\f017";
}
.singlePost .author-name:before {
    content:  "\f007";
}
.singlePost .comments-link:before {
    content:  "\f075";
}
.singlePost .sponsored-post:before {
    content:  "\f005";
    color: #ff5555;
}
.singlePost .quiz-link:before {
    content:  "\f059";
    color: #ff5555;
    font-size:1.2em;
}
.singlePost .sponsored-post {
    font-family: 'Oswald', sans-serif;
    color: #ff5555;
    padding-right: 0.5em;
}
.singlePost .singlePost-feature:after {
    content: "";
    display: table;
    clear: left;
}
.singlePost .hero-image-wrapper, .singlePost .hero-video-wrapper {
    padding: 0;
}
.singlePost .hero-caption-wrapper, .singlePost .video-caption-wrapper {
    float: right;
    width: 300px;
}
.singlePost .alignleft,
.singlePost .alignright {
    max-width: 500px;
}
.singlePost .post-wrapper .alignleft.featured img {
    min-width: 500px;
}
@media (max-width: 500px) {
    .singlePost .post-wrapper .alignleft.featured img {
        min-width: 100%;
        width: 100%;
    }
}
.singlePost .author-bio {
    width: 100%; 
    border: 1px solid #e5e5e5;
    margin: 2em 0;
    font-family: 'PT Sans', sans-serif;
}
.singlePost .author-bio .author-bio-inner {
    margin: 1em 2em; 
}
.singlePost .author-bio .author-bio-inner img {
    float: left;
    border: 1px solid #abaaaa;
    margin-right: .8em;
}
.singlePost .author-bio .author-bio-inner h3, .singlePost .author-bio .author-bio-inner h5 {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
}
.singlePost .author-bio .author-bio-inner h5 {
    text-transform: uppercase;
    margin-bottom: 5px;
}
.singlePost .author-bio .author-bio-inner h5 span {
    text-transform: none;
}
.singlePost .author-bio .author-bio-inner .author-contant {
    font-family: 'Oswald', sans-serif;
}
.singlePost .author-bio .author-bio-inner .author-contant a:first-child {
    margin-left: 8px;
}
.singlePost .author-bio .author-bio-inner .author-contant a {
    margin-right: 8px;
}
.singlePost .outer-comments-wrapper {
    margin: 1em 0;
    clear: left;
}
.singlePost ul.comment-list {
    padding: 0;
    margin: 0;
}
.singlePost ul.comment-list li {
    list-style: none;
    margin: 1em 0;
}
.singlePost .outer-comments-wrapper .comment-body {
    padding: 1em 2em;
}
.singlePost .outer-comments-wrapper .comment-body cite.fn {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-style: normal;
}
.singlePost .outer-comments-wrapper .comment-body cite.fn a, .singlePost .outer-comments-wrapper .comment-body cite.fn {
    color: #5e8a58;
}
.singlePost .outer-comments-wrapper .comment-body .comment-meta a {
    color: #565664;
}
.singlePost .outer-comments-wrapper .comment-body .comment-meta, .singlePost .outer-comments-wrapper .comment-body p, .singlePost .outer-comments-wrapper #respond, .singlePost .nav-next, .singlePost .reply  {
    font-family: 'PT Sans', sans-serif;  
}
.singlePost ul.comment-list ul.children {
    border-top: 1px solid #e5e5e5;
}
.singlePost .outer-comments-wrapper #respond h3 {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    color: #5e8a58; 
}
.singlePost .outer-comments-wrapper .navigation.comment-navigation {
    margin: 1em 0;
    border-width: 1px 0;
    border-style: solid;
    border-color: #e5e5e5;
}
.singlePost .outer-comments-wrapper .navigation.comment-navigation .nav-links {
    margin-bottom: 10px;
}
@media (min-width: 1854px) {
    .singlePost .hero-image-wrapper, .singlePost .hero-video-wrapper {
        width: 81%;
    }
}
@media (max-width: 1853px) {
    .singlePost .hero-image-wrapper, .singlePost .hero-video-wrapper {
        width: 80%;
    }
}
@media (max-width: 1659px) {
    .singlePost .hero-image-wrapper, .singlePost .hero-video-wrapper {
        width: 78%;
    }
}
@media (max-width: 1560px) {
    .singlePost .hero-image-wrapper, .singlePost .hero-video-wrapper {
        width: 76%;
    }
}
@media (max-width: 1469px) {
    .singlePost .hero-image-wrapper, .singlePost .hero-video-wrapper {
        width: 74%;
    }
}   
@media (max-width: 1379px){
    .singlePost .hero-image-wrapper, .singlePost .hero-caption-wrapper, .singlePost .hero-video-wrapper, .singlePost .video-caption-wrapper {
        width: 100%;
        float: none;
    }
}
@media (max-width: 1147px){ 
    .singlePost .alignleft, .singlePost .alignright {
        float: none;
        margin: 0 0 1em 0;
    }
}
.singlePost .contextual-snippet {
    width: 100%;
    border: 1px dotted #5e8a58;
    min-height: 45px;
    margin-bottom: 1em;
}
.singlePost .contextual-snippet span {
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #292929;
}
.singlePost .contextual-snippet > .contextual-snippet-wrap {
    margin: .2em .5em 0 .5em;
}
.singlePost .contextual-snippet img {
    max-height: 35px;
    float: right;
}
.singlePost .contextual-snippet:after {
    content: "";
    display: table;
    clear: left;
}

.quizAnchorLink {
	display: block;
	position: relative;
	top: -250px;
	visibility: hidden;
}

/* ## Podcasts
--------------------------------------------- */
.podcast-controls {
    padding: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    margin-bottom: 20px;
}

/* ## Shared on all single templates
--------------------------------------------- */
.singlePost .category-names, 
.singlePost .single-category-name,
.singleDownload .category-names,
.singleDownload .single-category-name,
.singleWebcast .category-names,
.singleWebcast .single-category-name {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
}
.singlePost .category-names a, 
.singlePost .single-category-name a,
.singleDownload .category-names a, 
.singleDownload .single-category-name a,
.singleWebcast .category-names a, 
.singleWebcast .single-category-name a {
    color: #5e8a58;
}
.singlePost .category-names a:hover, 
.singlePost .single-category-name a:hover, 
.singleDownload .category-names a:hover, 
.singleDownload .single-category-name a:hover,
.singleWebcast .category-names a:hover, 
.singleWebcast .single-category-name a:hover {
    color: #292929;
}
.singlePost .category-names a:nth-child(2):before,
.singleDownload .category-names a:nth-child(2):before,
.singleWebcast .category-names a:nth-child(2):before {
    content: ' > ';
}
.singlePost .slideshow,
.event-wrapper .slideshow {
    position: relative;
    max-width: 320px;
}

.singlePost .socialLinks, .singleEvent .socialLinks, .singleWebcast .socialLinks, .singleDownload .socialLinks {
    font-size: 26px;
    float: right;
}

.singlePost .socialLinks i, .singleEvent .socialLinks i, .singleWebcast .socialLinks i, .singleDownload .socialLinks i {
    margin-left: 10px;
}

.singlePost .socialLinks img, .singleEvent .socialLinks img, .singleWebcast .socialLinks img, .singleDownload .socialLinks img {
    position: relative;
    top: 6px;
    margin-left: 10px;
}

.singlePost i.fa-twitter, .singleEvent i.fa-twitter, .singleWebcast i.fa-twitter, .singleDownload i.fa-twitter {
    color: #55acee;
}

.singlePost i.fa-facebook, .singleEvent i.fa-facebook, .singleWebcast i.fa-facebook, .singleDownload i.fa-facebook {
    color: #3b5999;
}

.singlePost i.fa-google-plus, .singleEvent i.fa-google-plus, .singleWebcast i.fa-google-plus, .singleDownload i.fa-google-plus {
    color: #dd4b39;
}

.singlePost i.fa-linkedin, .singleEvent i.fa-linkedin, .singleWebcast i.fa-linkedin, .singleDownload i.fa-linkedin {
    color: #0077B5;
}

@media (max-width: 354px){
    .singlePost .slideshow,
    .event-wrapper .slideshow  {
        max-width: 210px;
    }
}
.singlePost .slideshow .slideshow-bar,
.event-wrapper .slideshow .slideshow-bar {
    display: block;
    text-align: center;
}
.singlePost .slideshow img,
.event-wrapper .slideshow img{
    float: left;
    padding: 0 5px 15px 5px;
}
@media (max-width: 354px){
    .singlePost .slideshow img,
    .event-wrapper .slideshow img {
        max-width: 100px;
    }
}
.singlePost .slideshow hr,
.event-wrapper .slideshow hr {
    margin: 0;
}
.singlePost .slideshow .slideshow-link,
.event-wrapper .slideshow .slideshow-link {
    margin-top: .5em;
    text-align: center;
}
.singlePost .header-border, .singleSlideShow .header-border {
    width: 100%;
    height: auto;
    margin: 10px 0 20px 0;
    padding: 10px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.singlePost .header-border h2, 
.singleEvent header h2, 
.singleSlideShow header h2, 
.singleDownload header h2,
.singleWebcast header h2,
.singlePage header h2 {
    color: #565664;
    font-weight: 400;
    font-size: 28px;
    font-size: 2.8rem;
}
@media ( max-width: 776px ) {
    .singlePost .header-border h2, 
    .singleEvent header h2, 
    .singleSlideShow header h2, 
    .singleDownload header h2,
    .singleWebcast header h2,
    .singlePage header h2 {
        font-size: 20px;
        font-size: 2rem;
    }
    
    .singlePost .socialLinks, .singleEvent .socialLinks, .singleWebcast .socialLinks, .singleDownload .socialLinks {
        float: none;
        text-align: center;
        padding: 10px 0 5px 0;
    }
    
    .socialLinks a {
        display: inline-block;
        margin-right: 20px;
    }
}
@media ( max-width: 476px ) {
    .singlePost .header-border h2, 
    .singleEvent header h2, 
    .singleSlideShow header h2, 
    .singleDownload header h2,
    .singleWebcast header h2,
    .singlePage header h2 {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
.content-wrapper .page-links:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #5e8a58;
    padding-right: 0.3em;
    content: "\f15b";
}
.content-wrapper ol,
.content-wrapper ul {
    margin-bottom: 28px;
    margin-left: 40px;
}
.content-wrapper ol > li {
    list-style-type: decimal;
}
.content-wrapper ul > li {
    list-style-type: disc;
}
.content-wrapper ol ol,
.content-wrapper ul ul {
    margin-bottom: 0;
}
.content-wrapper .share {
    display: block;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    min-height: 150px;
}
.content-wrapper .share h4 {
    padding: 10px 0;
}
.content-wrapper .share a {
    width: 25%;
    padding: 10px 0;
    float: left;
    color: white;
    font-size: 28px;
}
.content-wrapper .share a:hover{
    opacity: .8;
}
.content-wrapper .share a.twitter { 
    background: #26c4f1;
}
.content-wrapper .share a.facebook { 
    background: #306199;
}
.content-wrapper .share a.google-plus { 
    background: #e93f2e;
}
.content-wrapper .share a.linkedin { 
    background: #007bb6;
}
.content-wrapper .videoWrapperOuter {
  max-width: 1000px; 
  margin-left:auto;
  margin-right:auto;
  padding-bottom: 20px;
}
.content-wrapper .sideleft, .content-wrapper .sideright {
    font-family: 'PT Sans', sans-serif;
    font-weight:400;
    font-size: 85%;
    line-height:155%;
    width:220px;
    color: #8c8c8c;
}
.content-wrapper .sideleft:after, .content-wrapper .sideright:after {
    content: "";
    display: table;
    clear: left;
}
.content-wrapper .sideleft {
    float:left;
    margin: 1em 3em 1em 0;
}
.content-wrapper .sideright {
    float:right;
    margin: 1em 0 1em 3em;
}
.content-wrapper .sideleft p, .content-wrapper .sideright p {
    margin: 0;
    padding: 0;
}
.content-wrapper .pullquoteleft, .content-wrapper .pullquoteright {
    font-family: 'PT Serif', serif;
    font-style: italic;
    font-size:24px;
    font-size: 2.4rem;
    line-height: 1.625;
    color: #5e8a58;
    width:50%;
    border-top: 3px solid #e5e5e5;
    z-index: 2;
}
.content-wrapper .pullquoteleft {
    float: left;
    margin-right: 1em;
}
.content-wrapper .pullquoteright {
    float: right;
    margin-left: 1em;
}
.pullquoteleft:after, .pullquoteright:after  {
    content: "";
    display: table;
    clear: left;
}
.content-wrapper .pullquoteright:before, .content-wrapper .pullquoteleft:before {
    content: '\201C';
    font: 12em'PT Serif', serif;
    color: #dfdfdf;
    position: absolute;
    margin-top: -50px;
    margin-left: -20px;
    z-index: -1;   
}
.content-wrapper .pullquoteleft p, .content-wrapper .pullquoteright p {
    margin: 1.6em 0 .5em 1em;
}
.content-wrapper .pullquoteleft p em:before, .content-wrapper .pullquoteright p em:before {
    content: ' — ';
}
.content-wrapper .pullquoteleft p em, .content-wrapper .pullquoteright p em {
    font-style: normal;
    font-size: 16px;
    font-aize: 1.6rem;
}
.content-wrapper footer {
    clear: both;
    padding: 1em 0;
}
.content-wrapper footer .tag-label {
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
    color: #565664;
}
.content-wrapper .in-page-promo {
    clear: both;
    width: 100%;
    margin-bottom: 20px;
    border-top: 2px solid #e5e5e5;  
    border-bottom: 2px solid #e5e5e5;  
	background-color: #efefef;
	border: 2px solid #e5e5e5;
	padding: 10px 0 0 0;
	font-family: 'PT Sans', sans-serif;
}
.content-wrapper .in-page-promo h2 {
	font-family: 'Oswald', sans-serif;
    font-weight: 400;
}
.content-wrapper .in-page-promo p {
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.8;
}
.content-wrapper .in-page-promo img {
    max-width: 150px;
    height: auto;
    border: 1px solid #abaaaa;
}
.content-wrapper .in-page-promo .in-page-promo-inner {
    margin: 1em 2em;
}
.in-page-promo-inner {
	overflow: auto;
}
@media only screen and (  max-width: 900px ) {
    .content-wrapper .sideleft, .content-wrapper .sideright, .content-wrapper .pullquoteleft, .content-wrapper .pullquoteright {
        float: none;
        width: 100%;
        margin: .5em 0;
    }
}

.magazinePromo {margin-bottom: 20px; margin-top: 20px;}
.magimgcover {float: left; width: 170px;}

/* # Sidebar
--------------------------------------------- */
.siteSidebar {
    width: 300px !important;
    max-width: 300px !important;
    font-family: 'PT Sans', sans-serif;
    padding: 0;
    margin: 0;
}
.siteSidebar .recommended-for-you,
.siteSidebar .td-rss-feed {
    text-align: left;
    margin: 10px 0;
}
.siteSidebar .td-rss-feed  ul.td-posts li {
	list-style: none;
	border-top: 1px solid #e5e5e5;
	padding: .5em 0;
}
.recommended-for-you-wrap {
    margin: 15px 0;
    clear: left;
}
.siteSidebar .recommended-for-you h6.sidebar {
    font-family: 'PT Sans', sans-serif;
}
.siteSidebar .recommended-for-you h6.sidebar a {
    color: #292929;
}
.siteSidebar .recommended-for-you h6.sidebar a:hover {
    color: #000;
}
.siteSidebar .recommended-for-you img {
    float: left;
    margin-right: .5em;
    border: 1px solid #ddd;
}
.siteSidebar .recommended-for-you p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.425;
    margin: 5px 0 3px 0;
}

.siteSidebar .x04, .siteSidebar .buyersguide {
    margin:3px 0;
}

#sidebar {
    display: block;
    clear: both;
}
@media only screen and ( min-width: 958px ) {
    #sidebar {
/*       position: absolute;*/
    }
    #sidebar.small {
       position: relative !important;
    }
    #sidebar.fixed {
        margin-top: 0 !important;
        position: fixed;
        top: 130px;
    }
    #sidebar.bottom {
        position: absolute;
        bottom: 0;
    }
    .siteSidebar {
        float:right;
        text-align: right;
    }
}
@media only screen and ( max-width: 957px ) {
    #sidebar {
        position: relative;
    } 
    .siteSidebar {
        float: none;
        width: 100% !important;
        max-width: 100% !important;
/*        text-align: center; */
    }
    .recommended-for-you-wrap {
        padding-bottom: 30px;
    }
    
    .siteSidebar .td-rss-feed {
        margin: 30px 0 10px 0;
        clear: left;
    }
    
}

/* # HOMEPAGE
---------------------------------------------------------------------------------------------------- */
/* ## Global 
--------------------------------------------- */
.homePage h1 a,
.homePage h2 a,
.homePage h3 a {
    color: #292929;
}
.homePage h1 a:hover,
.homePage h2 a:hover,
.homePage h3 a:hover {
    color: #000;
}

.homePage h2 {font-size: 22px; margin-bottom: 5px;}
.homePage p {line-height: 22px; margin-bottom: 0px;}
.homePage .wrapper .row, .featuredprojects .wrapper .row {padding: 2em 0;}
.homePage h3 {margin-bottom: 30px;}


/* ## Top Story
--------------------------------------------- */
.topstory {
    padding-left: 0;
} 
.topstoriessection {
   border-left:1px solid #CCC;
}
.dt-5.topstoriessection img {border: 1px solid #CCC; margin-right: 10px;}
.topstoryright {margin-bottom: 15px; min-height: 150px;}
.topstoryright img {float: left; display: inline;}


@media (max-width:1600px)  {
    .homePage .topstories .dt-7 {
        width: 40%;
    }
    .homePage .topstories .dt-5 {
        width: 60%;
    }
}
@media (max-width:1450px)  {
    .homePage .topstories .dt-7 {
        width: 30%;
    }
    .homePage .topstories .dt-5 {
        width: 70%;
    }
}
@media screen and (max-width:1024px) {
    .topstoriessection {
        border-left: none;
    }
    .homePage .topstories .dt-7,
    .homePage .topstories .dt-5 {
        width: 100%;
        float: none;
    }
}

/* ## Featured Project
--------------------------------------------- */
.featuredprojects {
    background: rgba(238,236,237,1);
    background: -moz-linear-gradient(top, rgba(238,236,237,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,236,237,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(238,236,237,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(238,236,237,1) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(238,236,237,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(238,236,237,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeced', endColorstr='#ffffff', GradientType=0 ); 
    border-top: 1px solid #e5e5e5; 
    border-bottom: 1px solid #e5e5e5;
}
.featuredproject {margin-bottom:10px;}
.projectdiv {margin-bottom:15px;}
.projectdiv img {max-width: 500px;}
.dt-12.fp {padding-left: 0px;}


/* ## Flexslider
--------------------------------------------- */
.homePage .flexslider {
    background: none; 
    border: none;
}
.homePage .flexslider:after {
    content: "";
    display: table;
    clear: both;
}
/* ## Featured Resource
--------------------------------------------- */
.resources, .latestnews {
    border-bottom: 1px solid #e5e5e5;
}
.resources {
    border-top: 1px solid #e5e5e5;
}
.featuredresource:after {
    content: "";
    display: table;
    clear: both;
}
.dt-12.fr {padding-left: 0px;}
.dt-4.tl-4.tp-4.ml-12.mp-12.fr {padding-left: 0px;}

/* ## Latest News
--------------------------------------------- */
.homesidebar {width: 310px; border-left: 1px solid #c2c2c2; float: right; margin-left: 10px; padding-left: 10px;}
.homePage img.attachment-large {width: 500px; max-height: 300px; overflow: hidden;}
/*.latestnewsimg:nth-child(2) {background-color:#0000ff;}*/
.latestnewsfullwidth:nth-of-type(3) {margin-top: 30px;}
.dt-12.ln {padding-left: 0px;}


/* ## Editor Audience Sponsor Section
--------------------------------------------- */
.bottomthree img, .featuredresource img {float: left; display: inline; margin-right:10px; margin-bottom:10px;}
.bottomthreesect {margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #e5e5e5; height: 200px; padding-right: 30px;}
.botthreeexcerpt {line-height: 22px;}
.dt-4.tl-4.tp-6.ml-12.mp-12.foe {padding-left: 0px;}
.dt-4.tl-4.tp-6.ml-12.mp-12.foa {padding-left: 0px;}
.dt-4.tl-4.tp-6.ml-12.mp-12.fos {padding-left: 0px;}
/* Fix overlapping text on ipad */
@media screen and (max-width:1168px)  {
    .homePage .bottomthree .bottomthreesect h2 {
        font-size: 16px !important;
        line-height: 1.5;
    }
    
    .flex-direction-nav {
        display: none;
    }
}


@media screen and (max-width:800px) {
    .foe,
    .foa,
    .fos {
        width: 100%;
        float: none;
    }
}
/* ## Media Queries
---------------------------------------------------------------------------------------------------- */



/* ### Extra Small
--------------------------------------------- */
/*@media screen and (max-width: 320px) {*/
@media screen and (min-width:200px) and (max-width:479px) {
.topstories h1 {font-size:35px;}
.dt-7.tp-7.topstory {border: 0px; margin-bottom:25px;}
.homePage h2 {font-size: 19px;}
.homePage .wrapper .row.top {padding: 0;}
.homesidebar {width: 300px; border-left: none; float: none; margin-left: 0px; padding-left: 0px; margin-top: 25px;}
.bottomthreesect {height: auto; padding-right: 0px;}
.botthreeimg {display: none;}
.latestnewsimg {width: 100%; float: none; margin-right: 0px; padding-right: 0px; margin-bottom: 25px;}
.visiblesmall {clear: left;}
.homePage h3 {margin-bottom: 20px;}
.hidmdsmxs {display: none;}
.latestnewsfullwidth {margin-bottom: 25px;}
.dt-5.tp-5.topstoriessection {padding-left: 0px;}

.siteFooter .footer-middle-row .col-1,
.siteFooter .footer-middle-row .col-2,
.siteFooter .footer-middle-row .col-3,
.siteFooter .footer-middle-row .col-4,
.siteFooter .footer-middle-row .col-5 {
    width: 100%;
    margin-bottom: 20px;
}    

}

/* ### Small
--------------------------------------------- */
@media screen and (min-width: 480px) and (max-width: 767px) {
.dt-7.tp-7.topstory {border: 0px; margin-bottom:25px;}
.homesidebar {width: 300px; border-left: none; float: none; margin-left: 0px; padding-left: 0px;}
.latestnewsimg {width: 100%; float: none; margin-right: 0px; padding-right: 0px; margin-bottom: 25px;}
.homesidebar {margin-top: 25px;}
.hidmdsmxs {display: none;}
.latestnewsfullwidth {margin-bottom: 25px;}
.dt-5.tp-5.topstoriessection {padding-left: 0px;}   

.siteFooter .footer-middle-row .col-1,
.siteFooter .footer-middle-row .col-2,
.siteFooter .footer-middle-row .col-3,
.siteFooter .footer-middle-row .col-4,
.siteFooter .footer-middle-row .col-5 {
    width: 50%;
    margin-bottom: 20px;
}    
    
}



/* ### Medium
--------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1023px) {
.topstoryright img {max-width: 130px; height: auto;}
.resourceimg {display: table; width: 150px;}
.botthreeimg img {width: 125px;}
.homePage h2 {font-size: 20px; line-height: 25px;}
.latestnewsleftsection {float: left; width: 53%;}
.latestnewsimg {margin-bottom: 25px;}
.latestnewsfullwidth:nth-of-type(3) {margin-top: 0px;}
.hidmdsmxs {display: none;}
.latestnewsfullwidth {margin-bottom: 25px;}

.siteFooter .footer-middle-row .col-1,
.siteFooter .footer-middle-row .col-2,
.siteFooter .footer-middle-row .col-3,
.siteFooter .footer-middle-row .col-4 {
    width: 25%;
}

.siteFooter .footer-middle-row .col-5 {
    width:100%;
    margin-top:20px;
}    
    
}



/* ### Large
--------------------------------------------- */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.latestnewsimg {width: 44%; float: left; margin-right: 25px; padding-right: 25px;}
.resourceimg {width: 130px;}
.botthreeimg {display: none;}
.homePage h2 {font-size: 20px; line-height: 25px;}
.latestnewsleftsection {float: left; width: 65%;}
    
.siteFooter .footer-middle-row .col-4 {
    width: 32%;
}

.siteFooter .footer-middle-row .col-5 {
    width: 23%;
}    
    
}


/* ### Extra Large
--------------------------------------------- */
@media screen and (min-width: 1280px) and (max-width: 1579px) {
.latestnewsimg {width: 45%; float: left; margin-right: 25px; padding-right: 25px;}
.latestnewsleftsection {float: left; width: 70%;}
.bottomthreesect {height: 250px;}
}

/* ### Extra Extra Large
--------------------------------------------- */
@media screen and (min-width: 1580px) and (max-width: 3000px) {
.latestnewsimg {width: 46%; float: left; margin-right: 25px; padding-right: 25px;}
.latestnewsleftsection {float: left; width: 76%;}
}

/* # Buyers Guide
---------------------------------------------------------------------------------------------------- */
.buyersGuidePage header h2 {
    color: #565664;
    font-weight: 400;
    font-size: 28px;
    font-size: 2.8rem;  
}
.buyersGuidePage .buyersguide-company {
    float: left;
    width: 49%;
    margin-bottom: .5em;
    border: 1px solid #e5e5e5;
    min-height: 265px;
}
.buyersGuidePage .buyersguide-company:nth-child(2n) {
    margin-right: 1em;
}
.buyersGuidePage .buyersguide-company:nth-of-type(odd) {
    clear: left;
}
@media (max-width: 1250px) {
    .buyersGuidePage .buyersguide-company {
        width: 46%;
        min-height: 310px;
    }
}
@media (max-width: 700px) {
    .buyersGuidePage .buyersguide-company {
        width: 100%;
        float: none;
        height: auto;
        margin-right: 0 !important;
    }
}
.buyersGuidePage .buyersguide-company-inner {
    padding: .5em 1em;
}
.buyersGuidePage #parent > div {
    content: "";
    display: block;
    clear: both;
    padding-top: 1em;
}
.buyersGuidePage #parent h3,
.buyersGuidePage #parent .buyersguide-companyAddress-header{
    margin-top: 1em;
    font-family: 'Oswald', sans-serif;
    color: #565664;
    font-weight: 400;
}
.buyersGuidePage #parent .buyersguide-companyAddress-header {
    font-size: 1.6rem;
}
.buyersGuidePage #parent .buyersguide-companyAddress-header:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #5e8a58;
    padding-right: 0.3em;
    content:  "\f041";
}
.buyersGuidePage #parent .buyersguide-company h4 a {
    color: #292929;
}
.buyersGuidePage #parent .buyersguide-company h4 a:hover {
    color: #000;
}
.buyersGuidePage #parent .buyersguide-company img.alignleft {
    margin: 0 1.5em 0 0;
}
.custom-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 57px;
    padding: 10px 38px 10px 16px;
    background: #fff url("/assets/buyersguide/select-arrows.svg") no-repeat right 16px center;
    background-size: 10px;
    transition: border-color .1s ease-in-out,box-shadow .1s ease-in-out;
    border: 1px solid #ddd;
    border-radius: 3px;
}
.custom-select:hover {
    border: 1px solid #999;
}
.custom-select:focus {
    border: 1px solid #999;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
    outline: none;
}
/* remove default arrow in IE */
select::-ms-expand {
    display:none;
}

/* # OPP
---------------------------------------------------------------------------------------------------- */
.opp_v2 {
  box-shadow:0 0 .5rem #666;
  position:fixed;
  bottom:1.5rem;
  left:1.5rem;
  z-index:99999;
  background-color:white;
  max-width:400px;
}
.opp_v2 img {
  display:block;
  margin:0 auto;
  max-height:40vh;
}
.opp_v2 form,
.opp_v2 input {
  margin:0;
  padding:0;
  min-width: inherit !important;
  max-width: inherit !important;
  width:auto;
}
.opp_v2 input {
  display:block;
  margin:1rem auto;
  padding:.5rem;
  width:90%;
}
.opp_v2 input[type="submit"],
.opp_v2 button,
.opp_v2 .button {
  display:block;
  margin:0 auto;
  padding:.5rem 0;
  width:90%;
  line-height:1.5em;
}
.opp_footer {
  padding:1rem 0 2rem 0;
}
.opp_footer p {
  line-height:110%;
  margin:0 2rem;
}
.opp_closer {
  float:left;
  position:absolute;
  display:block;
  right:0;
  top:0;
  background-color:#0067ac;
  color:#FFFFFF;
  padding:1rem;
  margin:0;
  line-height:1em;
  cursor:pointer;
  transition:background-color .1s ease-in-out;
  border-radius:0 0 0 1rem;
}
.opp_closer:hover {
  background-color:#333333;
}
/*
variant B
*/
@media (max-width: 600px) {
  .opp_v2 {
    display:none;
  }
}
@media (min-width: 600px) {
  .opp_v2 {
    display:block;
  }

}
.opp_v2 {
  font-size:1.6rem;
}
.opp_v2 h1,
.opp_v2 h2,
.opp_v2 h3,
.opp_v2 h4,
.opp_v2 h5,
.opp_v2 h6 {
  font-size:1.4em;
  margin:1rem 2.5rem 1rem 1rem;
  padding:0;
}
.opp_v2 .opp_variantB img {
  float:left;
  margin:1rem;
  vertical-align:top;
}
.opp_v2 .opp_variantB p {
  line-height:1.15em;
  margin:0 1rem;
  padding:0 0 1rem 0;
}
.opp_v2 .opp_variantB ul {
  margin:0;
  padding:0;
  list-style-type:none;
  line-height:1.15em;
}
.opp_v2 .opp_variantB li {
  margin:0 1rem;
  padding:0;
}
.opp_v2 .opp_variantB li:before {
  content:"• ";
}
.opp_v2 .opp_variantB .button {
  margin:0 1rem;
  width:auto;
}



.promo_opp .opp_variantA, .promo_opp .opp_variantB
{
	float:left;
}

.middle1_ad {
    margin-top: 10px;
}

.sub-cta {
	font-weight: bold;
	font-size: 24px;
	margin-top: 24px;	
}

.sub-cta a {
	color:  #ce4545;
}