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

ICHA Theme ©2016 DesignGoblin
*/

@import "css/grid.css";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic);
@import "css/font-awesome.min.css";


* {
  -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;}
.large {font-size: 150%!important;}
.center {text-align: center!important;}
.left {float:left;}
.right {float:right;text-align:right;}
.nopad {padding:0!important;}
.half {max-width:45%;}


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

.embed {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 ratio */
  height: 56.25%;
  overflow: hidden;
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
  top: 10px;
}
.video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    margin:0;
    /*
    border:5px solid #FFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 2px 12px #CCC;
	*/
}
.video iframe,
.video object,
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


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

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


/* 404 Error //////////////////////////////////////////////////////////////////// */
.error-404 {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.outer {
  display: table;
  width: 100%;
  height: 100%;
}
.inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.centered {
  position: relative;
  display: inline-block;
  max-width: 50%;
  padding: 5%;
  background: #FFF;
  border-radius:7px;
}
.error404 {font-size:15vw; font-weight:700;padding:20px;display:block;color:#333;line-height:1em;}
.error-404 p {margin-bottom:20px;}
.message {font-size:1.2em;}





.grecaptcha-badge {opacity:0; visibility:hidden;}



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

.wp-caption {max-width:99%;}
.wp-caption-text {font-size:.8em;line-height:1.5em;color:#888;font-style:italic;margin:5px 0 0 0;padding:0;}

/* numerical pagination ------------------------------------------------------ */
.navigation ul {padding:0;margin:0;}
.navigation li {display: inline;margin:0!important;padding-left:0!important;}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  border-radius: 2px;
  cursor: pointer;
  padding: 5px 10px;
  color: #777;
  text-decoration:none;
  border:1px solid #DDD;
  font-weight:600;
  font-size:.8em;
}
.navigation li a:hover,
.navigation li.active a {background-color: #999;color:#FFF;border-radius: 2px;border-color:#999;}

.widgetTitle {display:none;}

/* 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:0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding:5px 10px;width:100%;background:rgba(255,255,255,0.15);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) */

.post {
	display:block!important;
	clear:both;
}
.postHeadline {font-size: 1.5em;line-height:1.2em;font-weight:normal;padding:0;margin:0;}
.postTitle {
	font-size: 2em;
	line-height:1.2em;
	font-weight:600;
	clear:both;
	letter-spacing:-.02em;
	padding-top:30px;
	margin-bottom:.6em!important;
}

.meta {color: #AAA;font-size:.8em;padding:10px 0;}

.entry {
  margin:0;
  line-height:1.5em;

}

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

.attachment-post-thumb, .has-post-thumbnail img {float:left; display:inline; padding: 0; margin:0 30px 10px 0;border-radius:3px;max-width:200px;}

.main .tags a {
  font-size: 0.7em;
  font-weight:500;
  text-transform:uppercase;
  line-height: normal;
  margin-right: 2px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border:1px solid #efefef;
  display: inline-block;
  padding: 3px 6px;
  color: #999;
  background:#efefef;
}
.tags a:hover {background:transparent;}
.posttags p {font-size:.85em;padding-top:20px;font-style:italic;}


p .read-more {font-size:.85em;font-weight:600;text-transform:uppercase;}

.nextarticle {margin-bottom:10px;}

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

.offsetTight.filters {margin-bottom:50px;}
.filters select {width:100%;float:left}
.filters label {float:left;}

/* Plugin overrides ==================================================================== */
.sharedaddy {margin-top:50px;}

.main .wpforms-confirmation-container-full {padding:30px;border:1px solid #ddd;background:#eee;border-radius:10px;}
.main .wpforms-confirmation-container-full p:first-child {font-size:1.3em;}

div.wpforms-container-full .wpforms-form button[type=submit] {
	height: 40px;
	padding: 0 1.8em;
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	line-height: 40px;
	letter-spacing: .1em;
	text-transform: uppercase;
  	background-color: #F90;
  		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
  	border-radius: 4px;
  	border:0;
  	cursor: pointer;
  	box-sizing: border-box;

  -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;
}
div.wpforms-container-full .wpforms-form button[type=submit]:hover {background: #cf7d02;border:0;}


/* Typography /////////////////////////////////////////////////////////////////////////// */
body {
  font-family: "Open Sans", Arial, sans-serif;
    font-weight:500;
  font-size: 16px;
  line-height: 24px!important;
  color: #555;
    background: #1a2c3e;
}

a:link, a:visited, a:active {
  text-decoration: none;
  color: #03acd6;
    font-weight:600;
	/*
    -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:hover {
  color:#036;
}



h1, h2, h3, h4, h5, h6 {margin:1.5em 0 .55em 0;font-weight:700;color:#0e2841;line-height:normal;}
h1 {font-size:1.8em;letter-spacing: -.01em}
h2 {font-size:1.5em;text-transform: uppercase;color: #9e9b94;}
h3 {font-size:1.5em;}
h4 {font-size:1.4em;}
h5 {font-size:1.1em;}
h6 {font-size:1.1em;text-transform: uppercase;margin:2em 0 .5em 0;font-weight:600;color: #9e9b94;}

.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 {
  list-style-type: disc;
  padding: 0 0 30px 20px;
}
li {
  margin-bottom: 5px;
}



/* Lists
============================================================================================== */
ol, ul {padding-left: 1em;margin: 20px 0 0 20px;}
ul ul,ol ul {margin: .25em 0 .25em 0; list-style: circle inside; }
ul ol,ol ol {margin: .25em 0 .25em 0; list-style: lower-alpha inside; }
li {padding-left: 10px;}
ul li ul li {padding-left: 10px!important;}



/* NAVIGATION //////////////////////////////////////////////////////////////////////////////// */


/* Main Nav */
#nav-trigger {
  display: none;
  position:absolute;
  right:10px;top:10px;
}
/* hidden menu button */
#nav-trigger span {
    display: inline-block;
    padding: 10px 15px;
    color: #888;
    cursor: pointer;
    font-size: 30px;
    z-index: 9999;
	border-radius:3px;
}
#nav-trigger span:hover, #nav-trigger span:active {color: #2a364d;background:#eee;}

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


/*main nav */
nav#nav-main {
  margin:8px 0 0 20px;
  position:relative;
  border-top:1px solid #DDD;
}
nav#nav-main ul {
  list-style:none;
  position:relative;
  margin:0;
  padding:0 60px 0 0;
}
nav#nav-main ul a {
  display:block;
  color:#036;
  text-decoration:none;
  font-weight:600;
  font-size:.9em;
  padding:10px 15px;
  text-transform:uppercase;
}
nav#nav-main ul li {
  position:relative;
  float:left;
  margin:0;
  padding:0;
}

nav#nav-main ul li:hover a {
  color:#F63;
  cursor: pointer;
}


/* Dropmenu */
nav#nav-main ul ul {
  display:none;
  position:absolute;
  top:100%;
  left:0;
  background:#fff;
  padding:0;
  border:1px solid #DDD;
  border-top:none;
}
nav#nav-main ul ul li { float:none; width:200px;padding:0!important; }
nav#nav-main ul ul a{
  line-height:normal;
  padding:5px 10px;
  margin:0;
  font-weight:400;
  font-size:.85em;
  letter-spacing:normal;
  text-transform:none;
  color:#036!important;
  background:#FFF;
}
nav#nav-main ul li:hover > ul { display:block;}
nav#nav-main ul ul li:hover a { background:#f8f8f8!important;color:#F63!important;}







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

nav#nav-mobile {
    position: relative;
    display: none;
    clear:both;
    width:100%;
}
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 10px 10px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.05); 
}
nav#nav-mobile li {
    display: block;
    padding: 0;
    margin: 0;
    background:#FFF;
    border-top:1px solid #eee;
}
nav#nav-mobile li a {
    display: block;
    padding: 10px 20px;
    color:#666;
    text-transform:uppercase;
    font-size:1.2em;
    font-weight:700;
}

nav#nav-mobile ul ul {
  display:none!important;
  margin:0;padding: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;margin:0!important;padding:0!important;}

nav#nav-mobile ul ul li a {
  font-weight:normal;
  font-size:1em;
  color:#777;
  letter-spacing:0;
  text-transform:none;
  padding: 6px 20px;
	background:#f5f5f5;
}

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

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


/* Submenu */

.submenu ul {padding:0;margin:0;list-style: none;line-height:normal;}
.submenu li {padding:0;margin:0;border-bottom:1px solid #EEE;}
.submenu li a {display: block;font-size:.95em;font-weight:600;padding:10px 20px;}

.submenu li  a:hover,
.submenu li a:active {color:#F63;;background:#f8f8f8;}

.submenu ul ul {padding-left:10px;}
.submenu ul li ul li {border-bottom:0;}
.submenu ul li ul li a {font-weight:normal;padding:7px 15px;font-size:.9em;}






/* GRID overrides /////////////////////////////////////////////////////////////////// */
.container.navbar,
.container.homebanner,
.container.breadcrumb,
.container.content,
.container.cta,
.container.footer {max-width:1440px;margin:0 auto;}


/* Header /////////////////////////////////////////////////////////////////////////// */
#header {
    z-index: 9999;
    position: fixed;
    width: 100%;
    background: #FFF;
    -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);
	height:125px;
}

.logo {
	width:370px;
	padding:20px 20px 0 40px;
	position:absolute;
	left:0;
	top:0;
}

.topbar {
	padding:20px 20px 10px 0;
	font-size:.8em;
	color:#036;
	text-transform:uppercase;
}
.topbar a {color:#F63;}
.topbar a:active, .topbar a:hover {color:#036;}
.topbar ul {
    list-style-type: none;
    margin:0;padding:0;
    text-align: right;
    padding:0;
}
.topbar ul li {
    font-size:.9em;
    display: inline-block;
    margin:0;
    padding:5px;
}
.topbar i {
	font-size: 1.4em;
	color:#677a95!important;
	padding-right:5px;
}
.nolink a {color:#036;}
.hours {font-size:.95em;}



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

div.covid  {background:#F63;display:block;padding:30px 20px 10px 20px;text-align:center;color:#fff;}
div.covid a {color:#FFF;font-weight:700;text-decoration: underline;}
div.covid a:hover {color:#036;}



#content {padding-top:110px;}
section {clear:both;}
#main {
	padding:2% 0;
	background:#fff;
}
#about {background:#fff;}
#map {
	background-image: url("images/back_map.jpg");
	background-position:  center center;
    background-repeat:    no-repeat;
    background-size:      cover;
    padding:10% 5%;
	text-align:center;
}
#map .button {background:#036;box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);}
#map .button:hover {background:#1b4a7a;}


.col {padding:20px;}

/* Banner /////////////////////////////////////////////////////////////////////////// */
#banner {
    background-position:  center center;
    background-repeat:    no-repeat;
    background-size:      cover;
    padding:30px 0;
	color:#fff;
	font-weight:300;
	height:200px;
}

#banner.home {background-image: url("images/homebanner.jpg");padding:10% 5% 15% 5%;min-height:600px;}
#banner.general {background-image: url("images/bannerback_general.jpg");}
#banner.about {background-image: url("images/bannerback_about.jpg");}
#banner.locations {background-image: url("images/bannerback_locations.jpg");}
#banner.physicians {background-image: url("images/bannerback_physicians.jpg");}
#banner.patients {background-image: url("images/bannerback_patients.jpg");}
#banner.partners {background-image: url("images/bannerback_partners.jpg");}
#banner.learners {background-image: url("images/bannerback_learners.jpg");}
#banner.contact {background-image: url("images/bannerback_contact.jpg");}
#banner.default {background-image: url("images/bannerback_default.jpg");}
#banner.covid {background-image: url("images/bannerback_covid.jpg");}

.sectiontitle {
    text-align: center;
    width: 100%;
    margin: 0 0 1em 0;
    padding:0;
    font-size: 1.6em;
    font-weight: 300;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #AAA;
}




/* Bradcrumbs ///////////////////////////////// */
section#crumbs {padding:5px 0;background:#fff;border-bottom:1px solid #EEE;}
#crumbs ul {padding: 0!important;}
#breadcrumbs strong {font-weight:600!important;}
#breadcrumbs{
    margin:0;
    overflow:hidden;
	font-size:0.75em;
}
#breadcrumbs ul {list-style:none!important;}
#breadcrumbs li {
    display:inline-block;
    vertical-align:middle;
    margin:0;
}
#breadcrumbs .separator{
    color:#888;
}
#breadcrumbs a {font-weight:normal!important;;}




/* Content /////////////////////////////////////////////////////////////////////////// */
.main p,
.pagecontent p {margin-bottom:1.3em;}

.pageTitle {
	font-size:2.2em;
	font-weight:600;
	line-height:normal;
	letter-spacing:-0.02em;
	color:#0e2841;
	padding:20px 0 60px 0;
}
.col.pagecontent {padding-left:5%;border-left:1px solid #EEE;min-height:500px;}
.col.pagecontent2 {min-height:500px;}


.col.doctor {padding:0;}
.doctor p {margin-bottom:5px;}
div.alphabet {
	clear:both;
	border-bottom:1px solid #DDD;
	font-size:1.3em;
	font-weight:700;
	color:#036;
	padding:30px 0 5px 0;
	margin:0 0 20px 0;
}
.physician .postTitle {
	font-size: 1.8em;
	line-height:1.2em;
	font-weight:500;
	color:#036;
	padding-top:0;
	margin-bottom:1em!important;
}
div.portrait {
	width:150px;
	float:left;
	margin:5px 30px 20px 0;
}



.searchresults a.read-more {display:none;}













/* Sidebar ////////////////////////////////////////////////////////////////////////// */
.col.sidebar {padding:0!important;}

.sidebar .widget {
    padding:20px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.04);
    margin:.5em 0;
    display:inline-block;
    width:100%;
}
.widgetTitle {font-weight:700;font-size:.95em;margin-bottom:0;padding:0;text-transform:uppercase;}

.sidebar form {padding:0;background:transparent;margin:0;}
.sidebar select {width:100%;}
.sidebar input[type="email"],
.sidebar input[type="text"] {width:100%;margin-bottom:0;}
.sidebar input[type="submit"] {margin:0;}

span.twitter:before {font-family: FontAwesome;text-decoration: inherit;margin-right:10px;content: "\f099";}
span.facebook:before {font-family: FontAwesome;text-decoration: inherit;margin-right:10px;content: "\f09a";}
span.youtube:before {font-family: FontAwesome;text-decoration: inherit;margin-right:10px;content: "\f16a";}






.offset {
    padding:30px;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.04);
    margin:.5em 0 1.5em 0;
    display:inline-block;
    width:100%;
}
.offsetTight {
    padding:10px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.04);
    margin:.5em 0 1.5em 0;
    display:inline-block;
    width:100%;
}
.offsettitle {font-size:1.4em;font-weight:700;}

blockquote {
    padding:1.5em 5%;
    border-top:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
    margin:2em 0;
    font-size: 1.3em;
    font-style: italic;
    line-height:1.3em;
	color:#999;
}
.main blockquote p {margin:0;}

.intro {font-size:1.8em;font-weight:300;line-height:1.3em;color:#6f90b1;padding-bottom:20px;display:block;}



.datatable td {border:1px solid #CCC;padding:5px 10px;font-size:80%;line-height:normal;}







.listing-wrapper {width:50%;float:left;}
.listing {min-height:210px;padding:2% 3%;background:#f5f5f5;border-radius:5px;margin:0 20px 20px 0;font-size:90%;}
.listing p {margin:0;}
.location {font-size:1.15em;font-weight:700;margin-bottom:10px;letter-spacing: -.01em}
.phone-number {font-weight:700;}
.website {margin-bottom:5px;}
.hours {font-size:90%;line-height:normal;}









/* Accordian ----------------- */
.accordion {margin:30px 0 50px 0; border-bottom:1px solid #e5e5e5;}
.accordion-toggle {
  padding:10px 20px;
  cursor:pointer;
  border:1px solid #e5e5e5;border-bottom:none;
  clear:both;
  background:#f8f8f8;
  background-image: url(images/toggle.svg);
  background-size: 12px 40px;
  background-repeat:no-repeat;
  background-position: 98% 50%;
  margin-bottom:0;
  font-weight:700;
  font-size:1.1em;
  color: #F90;
}
.accordion-toggle:hover {
  background:#FFF;
  background-image: url(images/toggle.svg);
  background-size: 12px 40px;
  background-repeat:no-repeat;
  background-position: 98% 50%;
  color: #9e9b94;
}
.accordion-content {display: none;padding:20px 20px 40px 20px; border:1px solid #ddd;border-top:none;border-bottom:none;}
.accordion-content.default {display: block;}
.accordion-content ul {display:inline-block;margin:0;}
.accordion-content li {padding-left:0;}







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

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

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




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

form {
    padding:3%;
    border-radius: 5px;
    background: #f5f5f5;
    margin:2em 0 1em 0;
    display:inline-block;
    width:100%;
}

.formTitle {font-weight:700;font-size:1.5em;text-transform: uppercase;margin-bottom:1em;letter-spacing: -.05em;}

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;
  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%;
}


/* removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

textarea {
  min-height: 80px;
  padding-top: 5px;
  padding-bottom: 5px;
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #999; outline: 0;
}

input[type="checkbox"], input[type="radio"] {margin-left:10px;}



label,legend {display: block; margin: 20px 0 5px 0; font-weight: 700; font-size:.85em; text-transform:uppercase; color:#777;}
fieldset {padding: 0;border-width: 0; }









/* Footer /////////////////////////////////////////////////////////////////////////// */


#footer {padding:30px 0;color:#FFF;font-size:.85em;}
#footer a {font-weight:normal;}
#footer a:hover {color:#FFF;}

#footer ul  {list-style-type: none;margin:0 0 20px 0;padding:0;}
#footer ul ul {display:none;}
#footer li  {padding:5px 0;}
#footer li a { line-height:normal;display:block;color:#f68002;}

#footer h5 {
    color:#6a84a6;
    font-size:1em;
	font-weight:400;
    text-transform:uppercase;
    margin-bottom:20px;
    letter-spacing: .05em;
}

.contact li {
    padding:0 0 0 50px;
    margin: 0 0 0 30px;
    position:relative;
}
.contact li a { font-weight: bold;}

.contact li:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position:absolute;
  margin-left:-30px;
}
li.phone:before {content: "\f095";    color:#6a84a6;font-size:1.3em;}
li.fax:before {content: "\f1ac";      color:#6a84a6;font-size:1.3em;}
li.email:before {content: "\f0e0";    color:#6a84a6;font-size:1.3em;}
li.web:before {content: "\f0ac";      color:#6a84a6;font-size:1.2em;}
li.location:before {content: "\f041"; color:#6a84a6;font-size:1.5em;}

#footer form {
  padding:0;
  background:transparent;
  margin:0;
}

.social {
    padding-left: 0;
    list-style: none;
}
.social ul {margin:0;padding:0;}
.social li {
    display: inline-block;
    margin-right:5px;
}
.social a {color:#fff!important;}

/*Change icons circle size and color here*/
.social .fa {
    font-size: 1.2em;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background:#6a84a6;
}

.social .fa{border-radius: 50%;}

.social .fa-facebook:hover{background-color:#3C599F;}
.social .fa-twitter:hover{background-color:#32CCFE;}
.social .fa-youtube-play:hover{background-color:#C52F30;}

.social .fa:hover {color:#fff;}

.copyright {border-top:1px solid #444;padding:20px 0 0 0;text-align:center;font-size:.85em;}


a.back-to-top {
    font-size:1.8em;
    line-height: 1.6em;
    display: none;
    width:50px;
    height:50px;
    position: fixed;
    z-index: 999;
    right: 0;
    bottom: 0;
    background: #F63;
    color:#fff;
    text-align:center;
}
a.back-to-top:hover { background: #ed5725;}



/* Homepage //////////////////////////////////////////////////////////////////////// */

.homebanner {text-align:center;font-weight:normal;}
.homebannerTitle {
	font-size:4.5em;
	font-weight:700;
	letter-spacing:-0.02em;
	line-height:.9em;
	margin-bottom:30px;
	color:#fff;
}
.homebannerTitle .small {font-size:.65em;}


#features {color:#fff;height:100%;font-size:.85em;}
#features .col {min-height:210px;padding:2%;}
#features img {padding:0;margin:0;}

.aqua {background:#09C;}
.blue {background:#007acc;}
.darkblue {background:#0067cc;}

#features .col {min-height:280px;}

.featureTitle {
    font-size:1.5em;
    font-weight:700;
    text-transform: uppercase;
	padding-bottom:10px;
}
.feature p {margin-bottom:10px;}


.newsHeadlines {clear:both;}
.main .newsHeadlines p {margin:0;}
.headlineTitle {font-size:1.2em;line-height:.95em;padding:5px 0 10px 0;}
.newsHeadlines .excerpt {font-size:.8em;line-height:1.4em;padding-bottom:30px;color:#999;}
.smalllink {padding:30px 0 0 0;font-size:.85em;text-transform:uppercase;}

.attachment-post-thumb {min-height:150px;margin-bottom:10px;}

#about .col {padding:0;}
#about p {margin-bottom:20px;}
#about img {margin:0!important;}

div.aboutimage {
    background-image: url("images/support.jpg"); 
	background-position:  center center;
    background-repeat:    no-repeat;
    background-size:      cover;
	height:600px;
}

















/* =Media Queries
/////////////////////////////////////////////////////////////////////////// */


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

	nav#nav-main a {
    padding: 1.1em .5em;
    font-size:.85em;
  }

	.logo {
		width:350px;
		padding:30px 20px 10px 20px;
	}
	

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

	#header {height:130px;}
	
    #nav-trigger {display: block; }
    nav#nav-main {display: none; }
    nav#nav-mobile {display: block; }

	.topbar {padding:80px 10px 10px 0;}
	p.hours {display: none; }
	
	div.col.two.sidebar {display:none;}
	
	.submenu li {display:inline-block;width:49%;padding:0;text-align:center;}

    .col {padding:0 30px;}
    #content {padding-top:100px;}
	.pageTitle {font-size:1.8em;padding-bottom:20px;}
	.intro {font-size:1.4em;}
	.feature {min-height:1px;}

	section#crumbs {display:none;}
	div.col.six.aboutimage {display:none;}
	
	
	.listing-wrapper {width:100%;float:none;}
	.listing {margin-right:0;min-height:1px;}
	
	.homebannerTitle {
		font-size:3.5em;
		margin-bottom:20px;
	}
	.homebannerTitle .small {font-size:.65em!important;line-height:.85em;}
	
	footer {text-align:center;}
	.contact li {padding:0;margin:0;}
	.contact li:before {display:none;}
	.footerlogo img {max-width:400px;padding-bottom:20px;margin:0 auto;}

}



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

    .attachment-post-thumb, .has-post-thumbnail img {display:none;}

 }