/*
Theme Name: SiteBites2
Theme URI: N/A
Author: Tom Kay - Developer for SiteBites
Author URI: http://www.SiteBites.co.uk
Description: Designed and Built in 2014 by SiteBites
/* 
-------------------------------------------------------------- */

/* ================================================== */
/*   Pseudo Elements  */
/* ================================================== */
* {
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box
}
body {
  height: 100%;
  position: relative;
  color: #77787b;
}

:before, :after { box-sizing: border-box; }
hr { clear: both; }

/* ================================================== */
/*   Helpers  */
/* ================================================== */
.clearfix:before, .clearfix:after {
  display: table;
  content: " ";
}
.mobileonly { display: none; }
.desktoponly { font-size: 20px; }
.hide { display: none; }

/* ================================================== */
/*   Icons  */
/* ================================================== */
.phoneicon, .emailicon {
  position:absolute;
  width:72%;
  margin-right:auto;
  margin-left:auto;
  text-align:right;
  height:41px;
  right:0;
  top:16px;
  display:none;
}
.phoneicon a, .emailicon a {
  float:right;
  margin-top:-95px;
}
.phoneicon {
  font-size:20px;
  margin-top:28px;
}
.emailicon { font-size: 16px; }

/* ================================================== */
/*   Forms  */
/* ================================================== */
input[type=image] {
  width: Auto;
  height: auto;
  border: 0;
}

/* ================================================== */
/*   Buttons  */
/* ================================================== */
.btn , input[type=submit] {
    text-indent: 0;
    color: #fff !important;
    font-weight: 400;
    font-style: normal;
    height: 40px;
    //line-height: 50px;
    width: auto;
    text-decoration: none;
    text-align: center;
    padding: 11px 10px 11px 10px;
    font-size: 16px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;  
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-color: #242f62;
}
.btn:hover { opacity:0.8; }

/* ================================================== */
/*   Layouts  */
/* ================================================== */

.row:before, .row:after {
  display: table;
  content: " ";
}
.row:after { clear: both; }
.wrap {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  overflow: hidden;
}
#wrapper,
.inner,
.footerwrapper {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
#wrapper { margin-top: 50px; }

/* ================================================== */
/*   Headers  */
/* ================================================== */
#headerwrapper {
  position: relative;
  z-index: 99;
}
#header {
  max-width: 980px;
  margin: auto;
  position: relative;
}
#logo {
  width:30%;
  float:left;
  margin: 1em 0;
}
ul.dropdown li a { padding: .3em 1.1em !important; }
li.current-menu-item a, 
li.current-menu-item a:hover{ text-decoration: underline; }

/* ================================================== */
/*   Banners  */
/* ================================================== */
#banner {
  position: relative;
  margin: 30px 0;
}
#sliderwrapper100 { 
  margin-top:-25px;
  width: 100%;
}
#sliderwrapper {
    //margin-top: -1.6em;
    overflow: hidden;
    width: 100%;
}
#sliderwrapper h1.entry-title, 
#sliderwrapper, 
#sliderwrapper h2,
#sliderwrapper h1 { color:#242f62; }
#sliderwrapper h1.fullwidth {
  font-size: 36px;
  margin-bottom: 1.5em;
}
#sliderwrapper h1.entry-title { padding-top: 0.3em; }

/* ================================================== */
/*   Maincontent  */
/* ================================================== */
#main-content.homepage {
  width:100%;
  overflow: hidden;
}
#main { margin-top:20px; }
#main-content {
  width: 69%;
  line-height: 1.11em;
  float: right;
  padding: 0;
  min-height: 400px;
}
#main-content.fullwidth { 
    width: 100%;
    margin: 0 0 70px;
}
#main-content.homepage .entry-content, 
#main-content.fullwidth .entry-content { margin-right: 0; }
#main-cta {
  float: right;
  width: 30%;
  padding: 0.5em 1em;
  font-size: 32px;
  font-weight: 100;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 1em;
  min-width: 263px;
}
#main-cta span {
  font-size: 16px;
  font-weight: 400;
}
.bottommenu { 
  padding: 5px;
  margin-top: 0;
}
#content {
  padding-bottom: 30px;
  width:100%;
  padding-top: 10px;
  background-repeat:no-repeat;
}
#content img.attachment-full {
  border:1px solid rgba(185,182,182,0.46);
  border-radius:6px;
  width:96%;
  max-width:940px;
  background:rgba(185,182,182,0.46);
  padding:2%;
}
#secondary {
  display: inline-block;
  padding: 0 2% 0 0;
}
#blackbox {
  background: #242f62;
  overflow: visible;
  position: relative;
  clear: both;
  padding: 5px 10px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  min-height: 56px;
}

#contact { 
  margin-top: 10px;
  margin-bottom: 10px;
  margin: 1em 0 0.2em 0;
  width: 65%;
  float: right;
  position: relative;
  text-align: right;
}
#contact i {
  margin-right: 0.5em; 
  margin-left: 2em;
}
#contact p {
  float: right;
  color: #171829;
  font-size: 15px;
  clear: both;
  display: block;
}
#contact hr { margin: 5px 0; }
#contact a img {
  margin-left: 6px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px; 
}

.hp-welcome { 
  width:65%; 
  float:left;
}
.hp-welcome h1 {  
  font-size: 33px;
  margin-top: 0;
  font-weight: 500;
  font-weight: 300;
  line-height: 38px;
}

.resources { margin-top: 15px; }
.resources a img, 
.resources p { float: left; }
.resources p {
  width: 32%; 
  margin-left: 5%;
}

.caption .btn {
  display: block;
  height: auto;
  line-height: 1.5em;
  text-align: left;
  margin-top: 1em;
}
.caption div.btn {
  overflow: hidden;
  text-indent: 0;
  color: #fff !important;
  font-weight: 400;
  font-style: normal;
  height: auto;
  line-height: 25px;
  width: auto;
  text-decoration: none;
  text-align: left;
  padding: 10px 15px 10px 15px;
  font-size: 16px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center right 10px;
  background-color: #242f62;
  display: inline-block;
  max-width: 450px; 
}
.caption div.btn a { color: #fff; }

.panel { margin-bottom: 1.5em; }
.panel a.btn { margin-top: 1em; }

.service .btn { padding-right: 1em; }
.service .btn i { margin-left: 0.5em; }

ul.categories,
ul.categories ul {
  margin: 0;
  list-style-type: none;
}

.service2colwrap { background: #e4e4e4; }

li.splitmed .spliteast img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.past_consultations, .future_consultations {
  -webkit-transition: height 2s;
  -moz-transition: height 2s; 
  transition: height 2s;
}
.post-content { overflow: hidden; }

/* ================================================== */
/*   Sidebars  */
/* ================================================== */
.sidebar-menu li { border:0; }
.sidebar-menu li ul {
  margin-left: 20px;
  margin-bottom: 0;
  list-style-type: disc;
}
.sidebar-menu li ul ul {
  margin-left: 20px;
  margin-bottom: 0;
  list-style-type: circle;
}
.sidebar-menu li ul ul ul {
  margin-left: 20px;
  margin-bottom: 0;
}
.sidebar-left #main-content { float: right; }
#primary-sidebar { padding:0; }

/* ================================================== */
/*   Widgets  */
/* ================================================== */
.widget { text-align: left; }
.widget ul { margin:0; }
.widget.widget_search input { width: 85%; }
.widget.widget_search input[type=submit] {
  background: url('images/images/search.png')no-repeat;
  width: 34px;
  height:40px;
}
.widget.widget_search .screen-reader-text{ display: none; }
.textwidget { text-align:left; }

/* ================================================== */
/*   Modules  */
/* ================================================== */
.media { margin-top: 15px; }
.media:first-child { margin-top: 0; }
.media, .media-body {
  overflow: hidden;
  zoom: 1;
}
.media-left, .media>.pull-left { padding-right: 10px; }
.media-body, .media-left, .media-right {
  display: table-cell;
  vertical-align: top;
}
.media-left img {
  margin-top: 0;
  margin-right: 30px;
  margin-bottom: 0;
  min-width: 140px;
}
.media-body { width: 10000px; }
.media-body, .media-left, .media-right {
  display: table-cell;
  vertical-align: top;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-body h4 {
  margin-top: 0;
  margin-bottom: 10px;
}

.panel-group { margin-bottom: 20px; }
.panel {
  margin-bottom: 20px;
  background-color: #fff;
}
.panel-collapse { overflow: hidden; }
.panel-group .panel { margin-bottom: 0; }
.panel-group .panel+.panel { margin-top: 5px; }
.panel-default { border-color: transparent; }
.panel-heading {
  padding: 10px;
  border-bottom: 1px solid transparent;
}
.panel-group .panel-heading { border-bottom: 0; }
.panel-default>.panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title span { 
    float: left;
    width: 90%;
}
.panel-title .fa { font-size: 25px; }
.collapse { display: none; }
.collapse.in { display: block; }
.panel-body { padding: 15px; }
.panel-group .panel-heading+.panel-collapse>.list-group, 
.panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 1px solid #ddd; }
.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #ddd; }
.panel-body:before, .panel-body:after {
  display: table;
  content: " ";
}
.collapsing { transition: height 0.6s; }
/* ================================================== */
/*   WP  */
/* ================================================== */
.page { margin: 0 0 10px; }
.entry-header {
  border-bottom: 1px solid #ccc;
  margin-bottom: 25px;
  overflow: hidden;
}
.entry-content { line-height: 1.5em; }
.read-more-text { text-align: right; }
.wp-paginate a { border-right: 1px solid #242f62; }
.wp-paginate .prev, .wp-paginate .next , .wp-paginate a {
  background: none;
  border: 0;
  color:#242f62;
}
.gallery-columns-4 .gallery-item {
  float: left;
  margin-top: 10px;
  text-align: center;
  width: 23%!important;
  margin-left: 1%!important;
  margin-right: 1%!important;
}

/* ================================================== */
/*   Footer  */
/* ================================================== */
.site-footer {
  font-size: 10px;
  color: #77787b;
  position:relative;
  z-index:3;
  zoom: 1;
  display: block;
}
.site-footer:before { 
  content: "";
  display: table;
}
.site-footer:after { clear: both; }
.site-footer .inner { overflow: visible; }
.site-footer p, 
.site-footer a { color:#7D7D7D; }

.site-info { padding:15px 10px; }
.bottommenu .footereast { font-size: 14px; }

.footereast { float: left; } 
.footerwest {
  float: right;
  width: 340px;
  text-align: right;
}
.footerwest .social { width: 280px; float: left; } 
.footerwest .rook { float: right; }
.footerwest .rook { margin-left: 20px; margin-right: -45px; }
.social img { width: 30px; }

#pdfRenderer { 
  display: block;
  margin: 0 0 20px;
}
#pdfRenderer-ie7 { display: none; }
.ie7 #pdfRenderer { display: none; }
.ie7 #pdfRenderer-ie7 { 
  display: block;
  margin: 0 0 20px;
}

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

/* ================================================== */
/*   Cookie Notice  */
/* ================================================== */

div#cookie-notice {
    background-color: #2f2872 !important;
}

a#cn-accept-cookie {
    color: #fff;
    border: 1px solid;
    padding: 5px 10px;
}

/*--Insight pg updates---*/

li.page_item.page-item-5522 {
    display: none !important;
}



.gold-cta {
    padding: 13px 15px;
    background: #c0ad7d;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #fff!important;
    display: block;
    width: 200px;
    margin-left: auto;
    margin-top: 4em;
}

@media screen and (max-width:992px) {
    .gold-cta {
        display: block;
        width: 200px;
        margin-top: 5px;
        margin-left: 0;
    }
}