/*
Theme Name: HPS Theme
Theme URI: 
Author: CMHB.co
Author URI: http://cmhb.co/
Description: 
Version: 1.0

*/

/*
#00894a green
#006E3B + green

#bc360a red
#962B08 + red

#e2e2e2 lite font
#f6f6f6 bg grey
#c9c9c9 lite grey
#444 mid grey
#222 dark grey
*/

/*----------RESET---*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}

* {border: none;outline: none;margin: 0px;padding: 0px;}

/*----------GENERAL---*/

body {font: 100%/1.5 'Source Sans Pro', sans-serif; color: #444;}

h1,h2,h3,h4,h5,h6 {font-family: 'Raleway', sans-serif; color: #222;}
h1 {font-size:2em} 
h2 {font-size:1.50em; color:#bc360a} 
h3 {font-size:1.38em} 
h4 {font-size:1.25em} 
h5 {font-size:1.143em}
h6 {font-size:1.0em}

p {margin-bottom: 12px;}
a {text-decoration: none; color: #bc360a; transition-duration: 0.4s;}
a:hover {color: #962B08;}

a.read-more {
padding: 5px 10px;
text-align: center;
color: #fff;
background: #bc360a;
font-size: 0.85em;
border-radius: 2px;
text-transform: uppercase;
margin: 0 0 12px;
font-weight: 600;
}
a.read-more:hover {
color: #fff;
background: #962B08;
}


ol,ul{padding-left: 30px; margin-bottom: 12px;}
strong {font-weight: 600;}
b {font-weight: 700;}
em {font-style:italic;}

hr {
margin: 11px 0;
border: 0;
border-top: 1px solid #c9c9c9;
border-bottom: 1px solid #ffffff;
width: 100%;
}

.row.mar10 {margin-bottom:10px !important;}
.row.no20 {margin-bottom:0px !important;}
.row.add20 {margin-top:20px !important;}

/*----------HEADER---*/

header {margin: 0 auto; padding: 10px 0 0 0; background-color: #f6f6f6;}

img.logo {max-width: 260px;}

.menu-bg {background-color:#00894a;}

/* Searchform */
#searchform {float:right; margin-top: 30px;}

#searchform.input-append {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
#searchform.input-append .search-query {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
#searchform.input-append .btn {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
#searchform.input-prepend .search-query {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
#searchform.input-prepend .btn {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

input.search-query{
-webkit-box-shadow: 0px 0px 0px 4px #e6e6e6;
-moz-box-shadow: 0px 0px 0px 4px #e6e6e6;
box-shadow: 0px 0px 0px 4px #e6e6e6;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
background-color: #ffffff;
border: 1px solid #c9c9c9;
font-size: 1em;
height: 20px;
padding: 4px 6px;
line-height: 20px;
color: #444;
min-width: 200px;
}

input:focus.search-query
{ 
border: 1px solid #006E3B;
}

button.btn {
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
background: #00894a;
text-shadow: 0 -1px 0 #006E3B;
border: 1px solid #006E3B;
vertical-align: top;
color: #fff;
cursor: pointer;
-webkit-box-shadow: 0px 0px 0px 4px #e6e6e6;
-moz-box-shadow: 0px 0px 0px 4px #e6e6e6;
box-shadow: 0px 0px 0px 4px #e6e6e6;
display: inline-block;
padding: 4px 12px;
margin-bottom: 0;
font-size: 1em;
line-height: 20px;
text-align: center;
}



/* Navigation */
/* MAIN MENU */
.level-1 {
	color:#ffffff;
	font-family: 'Raleway', sans-serif; 
	font-size:0.85em; 
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
	position: static;
	border-bottom: none;
	padding: 0;
	margin: 0;
} 

.level-1 > li {
	position: relative;
	display: inline-block;
	padding: 0;
	border-top: 0;
}

.level-1 > li:hover .sub-menu {
	display: block;
} 

.level-1 > li > a {
	padding: 10px 16px;
	display: block;
	color: #fff;
}

.level-1 > li > a:hover {
	background-color: #006E3B;
	color: #fff;
}

.level-1 > li.current-menu-item a {
	background-color:#006E3B; 
	color:#fff;
}

/* SUB MENU */
.sub-menu {  display: none; }

.sub-menu {
	font-weight:normal;
	position: absolute;
	left: -20px;
	top: 100%;
	z-index: 999;
	width: 250px;
	padding: 10px 0 10px 20px;
	border-top: 1px solid #2a2a2a;
	border-bottom: solid 2px #2a2a2a;
	text-align: left;
	list-style: none;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
	background: #3b3b3b;
	color:#f6f6f6;
}

.sub-menu > li {position:relative;}
.sub-menu > li a {
display: block;
padding: 10px 5px;
color: #E6E6E6; }

.sub-menu > li a:hover {color: #fff;}

.sub-menu > li.current-menu-item a {color: #fff !important;}


/* SUB SUB MENU */
.sub-menu li ul {
	position: absolute;
	display: none !important;
	left: 249px;
	top: -30px;
	z-index: 999;
}
.sub-menu li:hover ul {
	display: block !important;
	margin: 20px 0 0 0;
}
.sub-menu li ul li {
	float: left;
	width: 210px;
	display: block;
}
.sub-menu li ul li a {
	display: block;
	margin: 0 !important;
	width: 100%;
}




/*----------CONTENT---*/


#breadcrumbs {
margin-top: 12px;
font-size:0.857em;
}

article img {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}

.post-meta {font-size:0.9em; color:#bc360a;}
.post-meta i {margin-right:5px}
.post-meta span {margin-right:20px}


/*-Tables-*/
table {
border-collapse: collapse;
border-spacing: 0;
line-height: 2;
margin-bottom: 40px;
width: 100%;
border-color: gray;
display:table;
}

tbody {
border-bottom: 1px solid #ddd;
}

td {
border-top: 1px solid #ddd;
padding: 6px 0;
text-align: left;
}



/*-Galleries-*/
.gallery-caption {
font-size: 0.9em;
}


/*----------HOME---*/
.home-widget {min-height:395px;}
.home-widget img {width: 100%;}
.home-widget p {font-size: 0.95em;}
.home-widget a {color:#00894a}
.home-widget a:hover {color:#006E3B}

.rev_slider_wrapper {
-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.15);
-moz-box-shadow: 0 0 5px 1px rgba(0,0,0,0.15);
box-shadow: 0 0 5px 1px rgba(0,0,0,0.15);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.rev_slider_wrapper ul li{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}

/*----------SIDEBAR---*/

aside .links-widget {margin-bottom:20px}

ul#menu-important-links {padding-left:0; list-style-type:none;}

#menu-important-links li {
	background: #bc360a;
  padding: 5px 10px 5px 15px;
  border-radius: 2px;
  margin-bottom:5px;
  }
  
  #menu-important-links li a {
  color: #fff;
  }
  
  #menu-important-links li:hover {
	background: #962B08;
  }

#menu-important-links i {margin-right:12px}


aside {margin-top: 40px;}

aside .widget {margin-bottom:20px}

.widget {
padding:10px 15px 10px 20px;
color: #444;
background-color: #f6f6f6;
border: 1px solid #eee;
-webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,0.05);
-moz-box-shadow: 0 0 8px 1px rgba(0,0,0,0.05);
box-shadow: 0 0 8px 1px rgba(0,0,0,0.05);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;

}

.links-widget h5, .widget h5 {
	font-weight:600;
    text-transform: uppercase;
	color: #222;
	margin: 0;
	padding-bottom:5px;
margin-bottom: 8px;
border-bottom: 1px solid #eee;
}

.widget ul {
list-style: none;
margin: 0 0 12px 0;
padding:0;
}

.widget ul li {
border-bottom: 1px solid #eee;
padding: 5px 0 4px 0;
}

.widget ul li a {
color:#00894a
}

.widget ul li a:hover {
color:#006E3B
}

.widget ul li:last-child {
border-bottom: none;
}

.widget span.post-date {display:block; font-size:.8em; color:#555}


/*----------CALENDAR CUSTOMISATIONS---*/


.ai1ec-agenda-widget-view .ai1ec-event > a {background: none !important; border:none !important;}
.ai1ec-agenda-widget-view .ai1ec-date, .ai1ec-agenda-view .ai1ec-date, .ai1ec-agenda-widget-view .ai1ec-date-title, .ai1ec-agenda-view .ai1ec-date-title {background: none !important; background-image: none !important;}
.ai1ec-agenda-widget-view div.ai1ec-date {border-top:none !important; border-bottom: 1px solid #eee;}
.ai1ec-event-footer {display:none}
.ai1ec-agenda-widget-view .ai1ec-date-title, .ai1ec-agenda-view .ai1ec-date-title {margin: 6.5px 0.75em 6.5px 0 !important;}
					
					


/*----------NEWS SIGNUP FORM---*/


#mc_embed_signup input[type="email"] {height:30px; padding:0 10px; font-size:13px; width:100%; border:1px solid #eee; -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px; margin:5px 0 8px 0; background:#3b3b3b; color:#ccc;}

#mc_embed_signup .button {
width: auto;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: inline-block;
background: #626262;
color: #fff !important;
text-align: center;
vertical-align: middle;
cursor: pointer;
padding: 10px 15px;
border: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-decoration: none !important;
-webkit-appearance: none;
text-transform:uppercase;
}


/*----------FOOTER---*/

footer {
padding:0; margin:0 auto;
color: #E6E6E6;
border-top: 3px solid #2a2a2a;
background: #3b3b3b;
}

.footer-widget h5 {
color: #fff;
text-transform: uppercase;
margin-bottom: 12px;
}

.footer-widget ul.menu {
	padding-left: 0 !important;
	list-style-type: none;
}

footer a {
	color: #E6E6E6;
}
footer a:hover {
	color: #ffffff;
}



#crumbs {padding:20px 0 0 0; margin:0 auto; background: #2a2a2a; font-size:0.857em; /*12px*/ color: #E6E6E6;
}
#crumbs a {color:#E6E6E6;}
#crumbs a:hover {color:#fff}
.copyright {text-align: left;}
.links {text-align:right;}
ul.flinks {margin-bottom: 0;}
ul.flinks li {display: inline;padding: 0 0 0 10px;}
ul.flinks li:last-child {display: none;}