/*

Use find and replace on these colours in this stylesheet 
to quickly change theme colours:
----------------------------------

Colour 1 (Green): #de2121
Colour 2:

*/


/* Frontend CSS
---------------------------------------------------*/
html {
  overflow-y: scroll;
}
body {
  background-color: #202020;
  font-family: "Lucida Grande",Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  line-height: 1.5em;
}

p {
	margin: 15px 0px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Lucida Grande",Arial,Helvetica,sans-serif;
}

a {
  color: #de2121;
  text-decoration: none;
}

a:hover, a:focus {
	color: #de2121;
	outline: none;
}

#logo {
  margin: 25px 0;
}

.chromeframe {
  background-color: #cc3333;
  color: #fff;
  padding: 10px;
  text-align: center;
}

.chromeframe a {
	color: #fff;
	text-decoration: underline;
}

@media (min-width: 1200px) {
.container {
    width: 1000px;
}
}

hr {
	border-color: #444;
}

.img-thumbnail {
    background-color: #444;
    border: 1px solid #000;
    border-radius: 0;
}

.item-page img {
  max-width: 100%;
  display: inline-block;
}

/* Contained CSS Tweaks
---------------------------------------------------*/

body.contained {
  background: #ccc;
}

.main-wrap {
	background: #fff;
	padding: 0;
}


body.contained #footer-blocks {
	padding: 20px 30px 40px;
}

body.contained #content_wrapper {
  padding: 0px 20px;
}

body.contained #header .container_inner {
  padding: 0px 15px;
}

body.contained footer {
	padding: 20px 30px 30px;
}

/* Buttons
---------------------------------------------------*/

.btn {
  -moz-user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 8px 15px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

.btn:hover, .btn:focus, .btn.focus {
  color: #fff;
  text-decoration: none;
}

.btn-default {
    background-color: #de2121;
    border-color: #de2121;
    color: #fff;
}
.btn-default:hover, .btn-default:focus, 
.btn-default:active, .btn-default.active, 
.open > .dropdown-toggle.btn-default {
    background-color: #de2121;
    border-color: #de2121;
    color: #fff;
}

/* Main Nav Style
---------------------------------------------------*/

#header {
  background: url(../images/mainnav-bg.gif) no-repeat bottom center;
  margin-bottom: 20px;
  margin-top: 20px;
  
}

.navbar-default {
  background: none;
  border: none;
  margin-bottom: 0px;
  border-radius: 0px;
  min-height: inherit;
}

.navbar-default .navbar-nav > li a {
  font-size: 13px;
  outline: none;
  text-transform: uppercase;
}

@media (min-width: 992px) {
.navbar-default .navbar-nav > li {
	margin-right: 5px;	
}

.navbar-default .navbar-nav > li:last-child {
	border: none;
}

.navbar-default .navbar-nav > li a {
  padding: 10px 15px;
  position: relative;
}

.navbar-default .navbar-nav > li > a {
  color: #777;
  background: none;
}

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {

}

#nav {
  float: right;
  margin-top: 60px;
}

}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
	background: url('../images/mainnav-active.png') no-repeat center bottom;
	color: #de2121;
}

@media (min-width: 992px) and (max-width: 1200px){
.navbar-default .navbar-nav > li a {
  padding: 10px 18px;
}
}

.navbar-default .navbar-collapse {
	padding-left: 0px;
	padding-right: 0px;
	overflow: hidden;
}

@media (max-width: 992px) {
.navbar-default .navbar-nav > li a {
	text-align: center;
}
}

/* Mobile Toggle
---------------------------------------------------*/

.navbar-default .navbar-toggle {
  background: none;
  border: none;
  border-radius: 0;
  margin: 16px 0 10px;
  padding: 15px;
  width: auto;
}

.navbar-default .navbar-toggle:hover {
	background: none;
}

.navbar-default .navbar-toggle .icon-bar {
  border-radius: 0px;
  display: block;
  height: 3px;
  width: 22px;
  background: #de2121;
}

.navbar-collapse {
  box-shadow: none;
}

@media (max-width: 992px) {
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border: none;
}
}

/* Headerbar
---------------------------------------------------*/

#headerbar {
  text-align: right;
}

#headerbar .social-media {
  float: right;
  margin-bottom: 0;
  margin-top: 0px;
}

/* Social Media
---------------------------------------------------*/

.social-media {
    list-style: outside none none;
    overflow: hidden;
    padding: 0;
}

@media (max-width: 767px) {
.social-media {
    margin: 0 auto;
}
}
.social-media > li {
    float: left;
    margin-right: 5px;
}
.social-media > li a {
    border-radius: 42px;
    color: #fff !important;
    display: block;
    float: left;
    font-size: 22px;
    height: 43px;
    line-height: 36px;
    padding-top: 3px;
    text-align: center;
    width: 43px;
}
.social-media > li a:hover {
    opacity: 0.9;
}
.social-media > li a.facebook {
    background: #4c68a1 none repeat scroll 0 0;
}
.social-media > li a.twitter {
    background: #5eaade none repeat scroll 0 0;
}
.social-media > li a.googleplus {
    background: #de4b39 none repeat scroll 0 0;
}
.social-media > li a.linkedin {
    background: #0073b2 none repeat scroll 0 0;
}
.social-media > li a.youtube {
    background: #cc181e none repeat scroll 0 0;
}


/* Slideshow
---------------------------------------------------*/

#slideshow {
  margin-bottom: 20px;
}

#slideshow > .container,
#slideshow > .container_inner {
  position: relative;
}

#slideshow .bx-controls-direction > a {
    background-color: #de2121;
    display: block;
    height: 70px;
    overflow: hidden;
    padding: 20px 0;
    position: absolute;
    text-align: center;
    top: 40%;
    width: 40px;
    z-index: 9999;
}
#slideshow .bx-prev {
    left: -40px;
}
#slideshow .bx-next {
    right: -40px;
}
#slideshow .bx-wrapper .bx-pager.bx-default-pager a:hover, 
#slideshow .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #de2121;
}
#slideshow .bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    border-radius: 15px;
    display: block;
    height: 13px;
    margin: 0 5px;
    outline: 0 none;
    text-indent: -9999px;
    width: 13px;
}
#slideshow .caption h3 {
    color: #de2121;
    font-size: 1.75em;
    font-style: italic;
    margin: 0;
}
#slideshow .caption {
    background: rgba(255, 255, 255, 0.7);
    max-width: 490px;
    padding: 10px 26px;
    position: absolute;
    right: 20px;
    top: 20px;
}
#slideshow .random-image img {
    display: block;
    height: auto;
    max-width: 100%;
}

/* Top
---------------------------------------------------*/

#top-a {
}

#top-b {
}

/* Content
---------------------------------------------------*/
@media (max-width: 767px) {
#content {
  padding: 0px 20px;
}
}

.item-page > h2:first-child {
  color: #de2121;
}

#content .page-header h1, #content .page-header h2 {
}

@media (max-width: 992px) {
#content_wrapper {
  text-align: center;
}
}


/* Latest News Module
---------------------------------------------------*/

.latestnews {
  padding: 0;
  margin: 0;
}

.latestnews > li {
  border-bottom: 1px dotted;
  list-style: none;
}

.latestnews > li .fa {
	margin-right: 15px;

}

.latestnews > li > a {
  padding: 8px 10px;
  display: block;
  outline: none;
}

/* Footer
---------------------------------------------------*/

#footer-blocks {
  background: #777;
  color: #f2f2f2;
  padding: 20px 0 40px;
  margin-top: 20px;
  border-top: 4px solid #de2121;
}

footer {
  padding: 20px 0px 30px;
  color: #ccc;
  font-size: 11px;
}

@media (min-width: 768px) {
#footer-right {
  text-align: right;
}
}

@media (max-width: 767px) {
footer {
	text-align: center;
}
}

footer a,
footer a:hover,
footer a:active {
	color: #ccc;
}

/* Layout
---------------------------------------------------*/

/* Floats */
@media (min-width: 992px) {
.float-left {
  float: left;
  margin-right: 20px;
}
.float-right {
  float: right;
  margin-left: 20px;
}
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.ie7 .group {
  zoom: 1;
}

.page-header {
  margin: 0 0 20px;
}

/* Modules
---------------------------------------------------*/

@media(min-width: 767px) {
#sidebar-a .moduletable:first-child,
#sidebar-b .moduletable:first-child {
	margin-top: 0px;
}
}

.moduletable {
  margin-top: 20px;
  padding: 20px;
}
.moduletable h3 {
  margin-top: 0;
}

.moduletable.blank, #footer-blocks .moduletable {
  background: none;
  border: none;
  padding: 0px;
}

.moduletable.colour {
  background: #f2f2f2;
  border: 0px;
}

.moduletable.border-left {
  border: none;
  border-left: 4px solid #de2121;
}

/* Sidebar Menu
---------------------------------------------------

#content_wrapper .nav > li {
  border-bottom: 1px dotted #ccc;
}

#content_wrapper .nav > li > a {
  padding: 5px 10px;
  color: #333;
  outline: none;
}

#content_wrapper .nav > li > a:hover,
#content_wrapper .nav > li > a:focus,
#content_wrapper .nav > li > a:active {
	background: none;
	color: #de2121;
}*/

/* Blog
---------------------------------------------------*/

.blog > .items-row {
  border-top: 1px solid #444;
  overflow: hidden;
  padding: 20px 0px;
}

.blog > .items-row:first-child {
	border-top: none;
}

.blog > .items-row h2 {
	margin-top: 0px;
	font-size: 22px;
}

.blog .items-row h2 a {
  color: #fff;
}

.blog .items-row .article-info {
	font-size: 13px;
}

.blog > .items-row p.readmore {
	margin-bottom: 0px;
}

@media (min-width: 992px) {
.blog .img-intro.float-left {
  float: left;
  margin-right: 20px;
  width: 30%;
}
}

/* Service Layout
---------------------------------------------------*/

.services-item {
  padding: 20px;
  text-align: center;
}

.services-item img {
	display: inline-block;
}

/* Contact Form
----------------------------------------*/

.form-control {
  background-color: #444;
  background-image: none;
  border: 1px solid #000;
  border-radius: 0px;
  box-shadow: none;
  color: #ccc;
  display: block;
  font-size: 14px;
  height: 36px;
  line-height: 1.42857;
  padding: 6px 12px;
  transition: none;
  width: 100%;
}

.form-control:focus {
  border-color: #de2121;
  box-shadow: none;
  outline: 0 none;
}

.gtooltip.gvalidation-error-tip {
  background-color: rgba(0, 0, 0, 0.7) !important;
  border: none!important;
  box-shadow: none !important;
  padding: 6px 20px 6px 10px !important;
}

.gvalidation-error-tip .gtooltip-arrow-border {
 border-color: transparent !important;
}
.gvalidation-error-tip .gtooltip-arrow {
  border-color: rgba(0, 0, 0, 0.7) transparent transparent !important;
}

.gtooltip-close {
  margin-right: 0px !important;
  margin-top: 0px !important;
}

.chrono_credits {
  display: none;
}

/* Gallery
----------------------------------------*/

.wombat-gallery-item {
  margin-bottom: 15px;
}

.wombat-gallery-item img {
  border: 4px solid #f2f2f2;
  padding: 1px;
}

/* Testimonials
----------------------------------------*/
.testimonial-item, .list-box {
	padding: 20px;
	border-top: 1px solid #444;
	
}
.items-row:first-child .testimonial-item,
.list-box:first-of-type {
	border: none;
}

.testimonial-item h3, .list-box h3 {
  margin-top: 0px;
  font-size: 22px;
}

@media (max-width: 992px) {
.testimonial-item h3, .list-box h3 {
	margin-top: 20px;
}
}

/* WidgetKit Overrides
----------------------------------------*/

.wk-slideshow, body.portfolio .item-page {
  border: 1px solid #000;
  padding: 3px;
  background: #444;
}

.wk-slideshow-default .nav {
  margin-top: -35px;
  position: relative;
  text-align: center;
  z-index: 999999;
  margin-bottom: 15px;
}

@media (max-width: 991px) {
.wk-slideshow::after {
  color: #ccc;
  content: "<- Swipe ->";
  display: block;
  font-size: 13px;
  margin-top: 0px;
  padding: 10px 0px;
}
}

/* Portfolio Page
----------------------------------------*/

body.portfolio .item-page p {
	margin: 0px;
}

@media (min-width: 992px) {
body.portfolio .item-page img {
  width: 50%;
}
}

@media (max-width: 991px) {
body.portfolio .item-page img {
  width: 100%;
}
.wk-slideshow-default .nav {
	display: none;
}

}

body.portfolio .item-page img:hover {
	opacity: 0.7;
	background: #fff;
}