/*
Theme Name: Peel CLTs
Theme URI: https://peelclts.ca/
Author: DesignGoblin
Author URI: http://www.designgoblin.com/
Description: This is an adaptive theme created for WordPress 5+
Version: 1.0
Tags: responsive-layout, custom-menus, fixed nav
Text Domain: designgoblin

Peel CLTs Theme ©2025 DesignGoblin
*/

.test  {border:1px solid #F00;}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
}
.ease {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
html {overflow-y: scroll;position:static!important;top:0!important;}
html, body {
  height: 100%;
  margin:0;
}

.small {font-size: 80%!important;line-height:normal;}
.large {font-size: 150%!important;line-height:1.3em;padding:3% 0!important;}

.emphasis {font-size: 125%;line-height:1.5em;padding:3% 0!important;}

.center {text-align: center;}
.left {float:left;text-align:left;}
.right {float:right;text-align:right;}

.nopad {padding:0!important;}
.pad5 {padding:0 5%!important;}
.pad10 {padding:0 10%;}
.half {max-width:45%;}

.padright5 {padding-right:5%;}

.greytext {color:#aaa;}


/* responsive images //////////////////////////////////////////////////////////////////// */
img {
  max-width: 100%;
  max-width: auto;
  height: auto;
    display:block;
}
/* responsive embeds //////////////////////////////////////////////////////////////////// */

.embed {
  position: relative;
  padding-bottom: 53%; /* 16:9 ratio */
  height: 53%;
  overflow: hidden;
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
  top: 10px;
}
.video {
    position: relative;
    padding-bottom: 53%;
    padding-top: 30px; height: 0; overflow: hidden;
    margin:50px 0;
}
.video iframe,
.video object,
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.inset10 {padding:0 10%;}


/* RESET /////////////////////////////////////////////////////////////////////////////// */
h1,h2,h3,h4,h5,h6,
ol, ul, li, table, tr, td,
blockquote
 {margin:0;padding:0;}

hr {margin:4em 0 3.75em 0; border-width: 0;border-top: 1px solid #E1E1E1; clear:both;}

iframe {padding:0;}











/* Typography /////////////////////////////////////////////////////////////////////////// */
body {
  font-family: "Poppins", Open Sans, Arial, sans-serif;
  font-weight:400;
  font-size: 16px;
  line-height: 22px;
  color: rgba(28, 42, 51, 1);
}

a:link, a:visited, a:active {
  text-decoration: none;
  color:#3CC;
    -webkit-transition: all 0.05s ease-in-out;
    -moz-transition: all 0.05s ease-in-out;
    -ms-transition: all 0.05s ease-in-out;
    -o-transition: all 0.05s ease-in-out;
    transition: all 0.05s ease-in-out;
}
a:hover {color: #BBB;}

a img, a:visited img {border:none;}


h1, h2, h3, h4, h5, h6 {letter-spacing: -.01em;clear:both;line-height:normal;color:rgba(28, 42, 51, 1);}
h1 {font-size:2.7em;font-weight:300;max-width:90%;margin:0 0 .5em 0;letter-spacing: -0.02em;text-align:center;}
h2 {font-size:1.8em;font-weight:600;margin:2em 0 1em 0;}
h3 {font-size:1.4em;font-weight:500;margin:2em 0 .5em 0;}
h4 {font-size:1.3em;font-weight:600;margin:2em 0 .5em 0;}
h5 {font-size:1.2em;font-weight:600;margin:2em 0 .5em 0;}
h6 {font-size:.9em;font-weight:700;text-transform: uppercase;letter-spacing: 0.1em;margin:3em 0 1em 0;color:#3CC;}

.col h1:first-child,
.col h2:first-child,
.col h3:first-child,
.col h4:first-child,
.col h5:first-child,
.col h6:first-child {margin-top:0;}

ul, ol {padding: 0 0 10px 20px;}
ul {list-style-type: disc;margin-bottom:10px;}
li {margin-bottom: 5px;}

sub {font-size:70%;}










/* NAVIGATION //////////////////////////////////////////////////////////////////////////////// */
#nav-trigger {
  display: none;
  position:absolute;
  right:10px;top:15px;
}
/* hidden menu button */
#nav-trigger span {
    display: inline-block;
    padding: 15px 20px;
    color: #FFF;
    cursor: pointer;
    font-size: 25px;
    background:transparent;
    z-index: 1999;
}
#nav-trigger span:hover, #nav-trigger span:active {color:#FFF;}

nav {z-index: 100;height:100%;}


/*main nav */
nav#nav-main {
  margin:0;
  padding:0;
  position:relative;
  text-align:center;
}
nav#nav-main ul {
  position:relative;
  margin:0;
  padding:0;
  list-style-type:none;
  text-align:center;
}
nav#nav-main ul a {
  display:block;
  color:#FFF;
  text-decoration:none;
  font-weight:500;
  font-size:.9em;
	letter-spacing:0.05em;
  padding:20px;
	line-height:normal;
    text-transform:uppercase;
	text-shadow:0 1px 5px rgba(0,0,0,0.6);
}
nav#nav-main ul li {
  position:relative;
  display:inline-block;
  margin:0;
  padding:0;
}
nav#nav-main ul li:hover a {
  color:#3CC;
  cursor: pointer;
  text-shadow: none;
	
}





/* Dropmenu ------------------------------ */
nav#nav-main ul ul {
	opacity: 0;
    height: 0;
    overflow: hidden;
	position:absolute;
	top:100%;
	left:-50%;
	padding:0;
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
	background:rgba(255,255,255,1);
}
nav#nav-main ul ul li { 
	float:none; 
	margin:0;
	padding:0;
	width:200px;
	border-bottom:1px solid rgba(0,0,0,0.1);
	text-align:left;
}
nav#nav-main ul ul a{
    line-height:100%;
    padding:12px;
    margin:0;
    font-weight:500;
    font-size:.85em;
    letter-spacing:normal;
    text-transform:none;
    color: #000!important;
    text-shadow: none;
}
nav#nav-main ul li:hover > ul,
nav#nav-main ul li:focus > ul{ 
	display:block;
	background:rgba(255,255,255,1);
	opacity: 1;
    height: auto;
}
nav#nav-main ul ul li:hover a { 
	text-shadow: none;
	color:#000!important;
	/*text-decoration:underline;*/
}

nav#nav-main ul li:hover > ul,
nav#nav-main ul li:focus > ul { 
	display:block;
	opacity: 1;
    height: auto;
}
nav#nav-main ul ul li:hover a {
	text-shadow: none;
	color:#000!important;
	background:rgba(0,0,0,0.1);
}


.white nav#nav-main a {
	color: #FFF;
	text-shadow: none;
}



nav#nav-main a,
nav#nav-main ul {
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}





/* MOBILE nav  ///////////////////////////////////////////////////////////////////// */

nav#nav-mobile {
    position: relative;
    display: none;
    clear:both;
    width:100%;
	margin-top:50px!important; 
}
nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    margin:0;
    padding:0;
    text-align: center;
    width:100%;
   -webkit-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 15x 20px 0px rgba(0,0,0,0.1);
}
nav#nav-mobile li {
    display: block;
    padding: 0;
    margin: 0;
    background:rgba(28,42,51,1); /*background color */
    border-bottom:1px solid rgba(0,0,0,0.2);
}
nav#nav-mobile li a {
    display: block;
    padding: 12px 20px;
    color:#FFF;
    text-transform:uppercase;
    font-size:.9em;
    font-weight:600;
}

nav#nav-mobile ul ul {
  display:none!important;
  margin:0;
  position: relative;
  border-bottom:none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; 
}
nav#nav-mobile ul ul li {border-top:none; background:rgba(255,255,255,1);}

nav#nav-mobile ul ul li a {
  font-weight:normal;
  font-size:.9em;
  color:#444;
	font-weight:500;
  letter-spacing:0;
  text-transform:none;
  padding: 6px 20px;
}

nav#nav-mobile ul li:hover > ul { display:block!important;}

/* drop menu hover */
nav#nav-mobile a:hover, nav#nav-mobile a:active {background:#252f3e;color:#FFF;}







/* ///////////////////////////////   S E C T I O N S   /////////////////////////////// */

section {
	clear:both;
	position: relative;
	padding:4% 0;
	margin:0;
}


section#banner,
#banner {
  padding:0;
  color:#fff;
  min-height:200px;
  margin:0;
  background: #1d2637;
}

section#content {
	background:#f8f8f8;
	/*padding:4% 0;*/
}
section#content.news {
	background:#FFF;
	padding-bottom:4%;
}

section#values {
	text-align:center;
	background: rgba(28, 42, 51, 1); 
	color:#FFF;
}

section#cta {
	font-size:1.2em;
	line-height: normal;
	background: #f8f8f8;
}
section#cta p.intro {margin:0;}
section#cta p {padding:0 0 20px 0!important;}
section#cta .button a {margin:0;color:#FFF;}
section#cta h6 {margin-top:0;}





/* Content /////////////////////////////////////////////////////////////////////////// */
.container {
	position: relative;
	max-width: 1480px;
	margin:0 auto;
}
.container.narrow {
	position: relative;
	max-width: 1480px;
	padding: 0 10%;
	margin:0 auto;
}
.container.fullwidth {
	position: relative;
	max-width: 100%;
	margin:0;
}
.container.fullwidth.simple {background:#FFF;padding:5% 0!important;margin-top:4%;}

.padbottom5 {padding-bottom:5%!important;}

header .container.fullwidth {
	position: relative;
	max-width: 100%;
	padding: 20px 20px 0 20px;
	margin:0;
}




.feature {margin-top:-180px;}

#content p {margin:0 0 1.3em 0;}
#content h1 {margin:0 auto;}

.homevalues h2 {color:#fff;margin-top:0;}
.homevalues p {color:#999;font-weight:700;font-size:1.3em;margin-top:0!important;}
.homevalues p strong {color:#fff;}
.homevalues img {padding-bottom:0!important;}


.pageTitle {
	font-size:1.1em;
	font-weight:600;
	line-height:1.2em;
	letter-spacing:0.15em;
	text-transform:uppercase;
	padding:2% 0 5% 0;
}

p.intro {
	font-size:2.75em;
	line-height:1.25em;
	padding:0 5% 5% 0;
	font-weight:700;
	text-align:left;
	margin-bottom:0!important;
}
#cta .intro {font-size:2.3em;}

p.featured-paragraph {
	font-size:1.85em;
	line-height:1.3em;
	padding:0 0 5% 0;
	font-weight:700;
}

p.featured-image {margin-bottom:0;}
.featured-image {
	border-left:1px solid rgba(0,0,0,0.1);
	padding:0 3%;
	margin:0!important;
}
.featured-image img.aligncenter {margin-bottom:0;padding-bottom:0;}


blockquote {
    padding:1.5em 10%;
    border-top:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
    margin:2em 0;
    font-size: 1.5em;
    font-style: italic;
    font-weight:300;
    line-height:1.4em;
    color:#999;color: #9E9B94;
}

.icons h6 {margin:0 0 50px 0;text-align:center;}
.icons p {margin:0;text-align:center;}
.icons img {max-width:150px;padding:0;margin:0 auto;}
.icons h2 {margin-top:0;text-align:center;}

.callout {
    padding:50px;
	background: rgba(255,255,255,1);
    /*background: linear-gradient(0deg, rgba(51,102,204,.7) 0%, rgba(51,102,204,.25) 100%);*/
    margin:50px 0;
    width:100%;
	display:inline-block;
	border-radius:3px;
	border:1px solid rgba(0, 0, 0, 0.05);
	font-size: 1.3em;
	line-height:1.3em;
}
.callout2 {
    padding:50px;
	background: rgba(255,255,255,1);
    margin:50px 0;
    width:100%;
	display:inline-block;
	/*
	border-radius:3px;
	border:1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
	*/
	font-size: 1em;
	line-height:1.3em;
	color:#555;
}

.col.callout,
.col.callout2 {padding:3%;}

.callout2 .intro {padding:0;}
.callout2 .map img {max-width:75%;}

.callout h1:first-child,
.callout h2:first-child,
.callout h3:first-child,
.callout h4:first-child,
.callout h5:first-child,
.callout h6:first-child,
.callout2 h1:first-child,
.callout2 h2:first-child,
.callout2 h3:first-child,
.callout2 h4:first-child,
.callout2 h5:first-child,
.callout2 h6:first-child {margin-top:0;text-align:center;}

.callout .button,.callout2 .button {text-align:center;}


blockquote {
    padding:1.5em 10%;
    border-top:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
    margin:2em 0;
    font-size: 1.5em;
    font-style: italic;
    font-weight:300;
    line-height:1.4em;
    color:#999;color: #9E9B94;
}

.shadow img {
	 -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
}

.contacts h6 {margin-bottom:10px!important;}
.contacts h5 {margin-bottom:0!important;}
.contacts p {margin-bottom:5px!important;}
.contacts .large {padding:20px 0;display:block;}

















/* Buttons ////////////////////////////////////////////////////////////////////////// */

.button a,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 40px;
  padding: 0 2em;
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight:500;
  line-height: 40px;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: rgba(51,204,204,1);
  -webkit-border-radius:40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  cursor: pointer;
  box-sizing: border-box;
  margin:20px 0;
  -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;
}

.button a:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
    color: #fff;
    outline: 0;
    background-color: rgba(0,0,0,0.3);
}

.button a, .button a:hover {color:#FFF;font-weight: 600;}





/* Forms
============================================================================================== */


#form {padding:0!important;}

form br {display:none;}

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  font-family: "Open Sans", Arial, sans-serif;
  height: 40px;
  padding: 5px 7px;
margin-bottom:10px;
  background-color: #fff;
  border: 1px solid #DDD;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-size: 14px;
  font-weight:500;
  width:100%;
}

label {font-size:0.9em;font-weight:600;}










/* Header /////////////////////////////////////////////////////////////////////////// */
#header {
    z-index: 999;
    position: fixed;
    width: 100%;
    height:100px;
	margin:0;
}


/* nav fade */

.white {
   transition: .2s all;
    -moz-transition: .2s all;
    -webkit-transition: .2s all;
    -o-transition: .2s all;
    background: rgba(28, 42, 51, 1);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
 }
.notwhite {
    transition: .2s all;
    -moz-transition: .2s all;
    -webkit-transition: .2s all;
    -o-transition: .2s all;
    background: rgba(255, 255, 255, 0); /* transparent */

}


div.logo img {max-width:320px;padding:0;}


.follow ul {list-style: none;margin:0;padding:20px 0 0 0;font-size:1.5em;}
.follow li {display:inline;margin:0;padding:0;}
.follow li a {padding:10px 5px;color:#3CC;}
.follow li a:hover {color:#fff;}




/* Banner /////////////////////////////////////////////////////////////////////////// */

section#banner {
	background-position:  center center;
    background-repeat:    no-repeat;
    background-size:      cover;
}

section#banner.homebanner {
	display: flex;
	height: 100vh;
	background-image: url("images/bannerback03.jpg");
}


section#banner div.homebannercontent {
    color:#fff;
    font-size:1.3em;
    line-height:normal;
	letter-spacing:-0.02em;
    font-weight:300;
	text-shadow:0 2px 10px rgba(0,0,0,0.3);
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	text-align:center;
  }

section#banner p {margin:0!important;}

.bannertitle {
	font-size:5em;
	font-weight:700;
	line-height:.8em;
	letter-spacing: -0.02em;
	padding-bottom:30px;
}
.bannersubtitle {
	font-size:1em;
	font-weight:300;
}

section#banner.newsbanner {
	background-image: url("images/back_news.jpg");
	background-position:  center center;
    background-repeat:    no-repeat;
    background-size:      cover;
}








/* Accordion ----------------- */

.accordion {margin:30px 0; border-bottom:1px solid #e5e5e5;
    /*
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.05);
    */
    }
.accordion-toggle {
  padding:15px 70px 15px 20px;
  cursor:pointer;
  border-top:1px solid #e5e5e5;
  clear:both;
  background:#FFF;
  background-image: url(images/toggle.svg);
  background-size: 12px 40px;
  background-repeat:no-repeat;
  background-position: 98% 50%;
  margin-bottom:0;
  font-size:1.2em;
  line-height:1.2em;
  color: #1bc1da;
	font-weight:600;
}
.accordion-toggle:hover {
  background:#f8f8f8;
  background-image: url(images/toggle.svg);
  background-size: 12px 40px;
  background-repeat:no-repeat;
  background-position: 98% 50%;
  color: #1198be;

}
.accordion-content {display: none; padding:0 50px 15px 25px;margin-top:20px;}
.accordion-content.default {display: block;}

.accordion-content ul {display:inline-block;margin:0;}
.accordion-content li {padding-left:0;}

.accordion-content img {margin:0 0 0 -20px!important;}











/* Footer /////////////////////////////////////////////////////////////////////////// */
footer {font-weight:500;}
#footer .container {padding:20px 5% 50px 5%;}

#footer {
	padding:30px 0;
	color:rgba(0,0,0,0.5);
	font-size:.8em;
}

.footerlogo img {max-width:250px;}

#footer ul {
	list-style: none;
	margin:0;
	padding:0;
	font-size:1.6em;
	text-align:right;
}
#footer li {display:inline;}
#footer li a {padding:10px;}

footer.follow ul {text-align:right;}
/*
#footer.follow li {display:inline;margin:0;padding:0;}
#footer.follow li a {padding:10px;color:#b9dd24;}
#footer.follow li a:hover {color:#fff;}
*/


.copyright {font-size:.9em;text-align:center;}


a.back-to-top {
    font-size:1.3em;
    line-height: 2em;
    display: none;
    width:40px;
    height:40px;
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 20px;
    background: rgba(51,204,204,1);
    color:#fff;
    text-align:center;
	border-radius:3px;
}
a.back-to-top:hover { background: #999;color:#FFF;}








/* 404 Error //////////////////////////////////////////////////////////////////// */
.error-404 {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    line-height:normal;
    background:#fff;
}
.error-404 p {margin-bottom:20px;}

.outer {
  display: table;
  width: 100%;
  height: 100%;
    padding:5% 5% 15% 5%;
}
.inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.centered {
  position: relative;
  display: inline-block;
}
.error404 {font-size:8em; font-weight:700;padding:20px 20px 0 20px;display:block;line-height:.85em;}
.errortitle {font-size:2.2em;text-transform:uppercase;color:#999;font-weight:600;}
.errormessage {font-size:1.2em;}






.execs img.aligncenter {display: block; margin:0 auto;padding:0!important;}


/* WORDPRESS
=========================================================================================================== */
/* WP image alignment fix */
img.alignright {float:right; margin:0;padding:0;}
img.alignleft {float:left; margin:0;padding:0;}
img.aligncenter {display: block; margin:0 auto;padding:0;}
.alignright {float:right;margin:0;padding:0;}
.alignleft {float:left;margin:0;padding:0;}
.aligncenter {display: block; margin:0 auto;padding:0;}
.alignnone {margin:0;padding:0;}

.wp-caption {max-width:99%;}
.wp-caption-text {font-size:.9em;line-height:1.4em;color:#888;text-align:center;font-style:italic;padding:20px 0;}

/* numerical pagination ------------------------------------------------------ */
.navigation ul {padding:30px 0 0 0;font-weight:600;font-size:.8em;border-top:1px solid #DDD;}
.navigation li {display: inline;}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  border-radius: 3px;
  cursor: pointer;
  padding: 5px 10px 5px 10px;
  color: #777;
  text-decoration:none;
  border:1px solid #DDD;
  font-weight:500;
}
.navigation li a:hover,
.navigation li.active a {background-color: #EEE;color:#666;}


/* Search */
#searchform {clear:both;x-system-font:none;font-size:14px;position:relative;overflow:hidden;font-variant:normal;font-weight:normal;line-height:normal;width:100%;}
#s {border:1px solid #555;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding:5px 10px;width:100%;background:transparent;color:#FFF;}
#searchsubmit {position:absolute;right:0px;top:0px;background:url(images/icon_search.png) no-repeat scroll 0 0;background-position: center center;border:none;height:40px;width:40px;text-indent:-9999px;margin:0;padding:0px;cursor:pointer;}
#searchsubmit:hover {background:url(images/icon_search_rev.png) no-repeat scroll 0 0;background-position: center center;}
.screen-reader-text {display:none;}


/* Posts (news) */

.postHeadline {
	font-size: 1.5em;
	line-height:1.2em;
	font-weight:600;
	padding:0 0 20px 0;
	margin:0;
	/*text-align:center;*/
}
.postTitle {
	font-size: 2.3em;
	line-height:1.2em;
	font-weight:normal;
	clear:both;
	letter-spacing:-.02em; 
	padding-top:30px;
}

.meta {
	text-transform:uppercase;
	display:inline-block;
	font-size:0.75em;
	font-weight:500;
	letter-spacing:0.01em;
	padding:20px 0 40px 0;
	color:rgba(0,0,0,0.5);
}


.post {
	border-top:1px solid #DDD;
	margin-top:20px;
	display:block;
	clear:both;
}
.entry {
  padding:0 0 50px 0;
  line-height:1.5em;
}

.entry-title {
  margin:0;padding:0;
  font-weight: 400;
  font-size:1.5em;
}



.read-more {line-height:normal;font-size:.95em;font-weight:600;}
.nextarticle {margin-bottom:10px;}

.nextprev {font-size:.9em;line-height:1.5em;padding:0;color:#999;}
.nextprev div {margin:10px 0 15px 0;}

div.filters {padding-bottom:30px;}
.filters select {width:100%;}
.filters label {}


.widget form {padding:1.5em;margin:0;}
.widgetTitle {display: none;}








.mobile-only {display:none;}
nav#nav-mobile li.mobile-only {background:#f5f5f5;}


/* =Media Queries
/////////////////////////////////////////////////////////////////////////// */
@media all and (max-width: 1440px) {
	

}





@media all and (max-width: 1024px) {

    #nav-trigger,
    nav#nav-mobile {display: block; }
    
    nav#nav-main  {display: none; }
	
	
	hr {margin:2em 0 1.85em 0;}
	
.container.fullwidth {
	padding:20px 0;
}

	.container {max-width:100%!important;}
    .pageTitle {font-size:1em;padding:5%;}

	p.intro {
	font-size:1.4em;
	line-height:1.3em;
	padding:5%;
	text-align:left;
	margin-bottom:20px!important;
}
   td {padding: 9px 10px; }
	
    .accordion-toggle {font-size:1.2em;}
}



@media all and (max-width: 768px) {
	
.mobile-only {display:block;}
	
nav#nav-mobile {
  margin-top:0;
}
	
	div.follow {display:none;}
	
div.logo img {max-width:275px;}
	
section#banner div.homebannercontent {
    font-size:1.1em;
    line-height:1.2em;
  }
	
#header .col {padding-top:0;}
	
h1 {font-size:1.9em;max-width:100%;margin:0 0 .3em 0;}
h2 {font-size:1.4em;margin:1em 0 .25em 0;}
h3 {font-size:1.2em;margin:1em 0 .25em 0;}
h4 {font-size:1.1em;margin:1em 0 .25em 0;}
h5 {font-size:1.2em;margin:1em 0 .25em 0;}
h6 {font-size:.9em;text-transform: uppercase;letter-spacing: 0.1em;margin:2em 0 .5em 0;}

	/*#content h1, h1 {font-size:2em;max-width:100%;margin-bottom:10px;}*/ 
	#content h3, h3 {font-size:1.4em;}
	
	#content .container,
	#cta .container {padding:10px 8%;}
	
	.bannertitle {
	padding-bottom:30px;
}
	
	.postHeadline {clear:both;}
	.has-post-thumbnail img {max-width:100%!important;}
	
}
	.callout2 {padding:20px;margin:20px 0 0 0;}

	 #footer ul {text-align:center!important;}
	 .footerlogo img {max-width:300px;margin:0 auto;}
	#footer ul {font-size:3em;}
}

 @media only screen and (max-width: 480px) {
     
   /* .attachment-post-thumb, .has-post-thumbnail img {display:none;} */
	 
	 .col .col {padding:0;}
	

	 body {font-size:14px;line-height:20px;font-weight:500;}
	 
	 footer div.col p {text-align:center!important;}
	 .social {text-align:center!important;}

	 
	 
	 section#banner .homebanner {margin-top:70px;}
	 
	 #content p.pageTitle {
		font-size:1em;
		font-weight:400;
		letter-spacing:0.05em;
		line-height:1.3em;
		margin-bottom:20px;
	}
	 
	 #footer{
		 padding:30px 0;
		 font-size:1em;
		 font-weight:500;
		 text-align:center!important;
	 }
	 #footer .col {
		padding: 0!important;
	 }

	 
	 .large {font-size:200%;}

	 
 }

 @media only screen and (max-width: 390px) {

	 section#banner {min-height:200px;}
	 #content .container.headerText  {padding-top:100px;font-size:1.4em;}
	 .callout {padding:20px;}
}