/*---------- ---------- ---------- ----------
  ---------- ---------- ---------- ----------
Client: WebHealer
Design: Social ColourMAX Color Scheme
Author: Alex Haworth
Index
****************************************
Base Styling
Background Styling
Social Icons Topbar
Header
Navigation
Middle Main Content
Middle Sidebar
Slide to the Top
@Media Queries
  ---------- ---------- ---------- ----------
  ---------- ---------- ---------- --------*/
/* ---------- Base Styling ---------- */
body {color:#545A5F;}
input,textarea{color:#545A5F;background-color:#fff;border:1px solid #e2e2e2; margin:10px;padding:5px;outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;}
input[type=submit],input[type=reset],input[type=image] {border-color: #fff}
input[type=submit],input[type=reset] {background-color:#E7C05C; color: #FFF; -webkit-transition: background-color 0.2s ease-in; -moz-transition: background-color 0.2s ease-in; -o-transition: background-color 0.2s ease-in; transition: background-color 0.2s ease-in;}
input[type=submit]:hover,input[type=reset]:hover { background-color:#545A5F !important; cursor: pointer;}
#contact {padding:15px; color: #545A5F; }
h1 { color:#FFF; text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.14);}
h1 a {color:#FFF;text-decoration:none}
h2, h3, h4, h5, h6 {color:royalblue;font-weight:normal}
.para a {color:#E7C05C} .para a.l{border-bottom:1px dotted #E7C05C}
.para a:hover {color:royalblue} .para a.l:hover{border-bottom:1px dotted royalblue}
.Q5 a.l {color:#eeeeee; border-bottom:1px dotted #eeeeee}
.Q5 a.l:hover {color:#eeeeee; border-bottom:1px dotted #eeeeee}
em {color:royalblue;}
.copyright, .copyright a, .copyrightmob, .copyrightmob a {color: #757575;}
.foota {text-decoration:none} .foota:hover {border-bottom: 1px dashed #757575}
/* ---------- Background Styling ---------- */
.bkgunder {
  background-color: #DCEEF8;
  background-image: url(art/sh39/-file/noise.png)
}
/* ---------- Social Icons Topbar ---------- */
.socialicons {background-color: #DCEEF8; }
.socialicons span, .socialicons a {color: #72BCE3;}
.socialicons span a {color:#72BCE3;}
/* ---------- Header ---------- */
#heading {
  background-color: #72BCE3;
}
/* ---------- Navigation ---------- */
#navigation > li:first-child {background-image:none;}
#navigation ul {  background-color:#DCEEF8;}
#navigation a {color:#FFFFFF;}
#navigation ul li a {color:#545A5F;}
#navigation ul li a:hover {color:#FFFFFF;}
#navigation  li > a:hover {  background-color:#72BCE3;}
#navigation li.drop > a:hover {background-color: transparent;}
#navigation li.current_page_item > a {  color:#FFFFFF; background-color:#72BCE3}
/* ---------- Middle Main Content ---------- */
#content {background-color: #FFF;}
.Q5,#psp, #psp td { background-color: #E7C05C;color:#FFF;}
#psp input[type=submit] {width:50%; border:1px solid white}
.divider {border-top:1px solid #B8DDF1;}
/* ---------- Social Icons Footer --------- */
.socialfooter {background: #72BCE3; position:relative;height:60px;}
.socialfooter .addthis_toolbox {margin: 0 auto;width: 100%;padding-top:18px;text-align:center}
.socialfooter .social_button {display: inline-block; min-width:110px; min-height:24px;}
/* ---------- Middle Sidebar ---------- */
.side {background-color: #FFFFFF;}
.call-to-action .btn {  background-color: #E7C05C; 	color: #FFFFFF} .call-to-action .btn a {color:#F2F2F2}
.call-to-action .btn:hover {background-color: #72BCE3;}
.side h3 {
  background-color: #72BCE3; 
  color: #FFFFFF;
}
/* ---------- Slide to the Top ---------- */
#slide_top {background-color:#E7C05C;}
#cookietable {border:0; width:100%;margin-bottom:20px} #cookietable td,#cookietable th{font-size:0.9em; padding:6px;border:1px solid #545A5F}
/* ---------- @Media Queries ---------- */
/* ---------- Small Tablet & Mobile (Note: Design for a width less than 768px) ---------- */
@media only screen and (max-width: 767px) {
.resp_navigation {background-color: #72BCE3;}
#navigation ul li > a{color:#FFFFFF;}
#navigation ul li > a:hover {background-color:#72BCE3 !important;color:#FFFFFF;}
}