/*
Theme Name: Peltos
Author: True Blue Websites
Author URI: http://truebluewebsites.com.au
Version: 27/01/2014
*/

@import url(http://fonts.googleapis.com/css?family=Ruda|Open+Sans);

/* =========== TOOLS =========== */


/* --- OVERRIDING GUTTERS --- */

.container {
padding-right: !important;
padding-left: !important;
}

.row {
margin-right: !important;
margin-left: !important;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
padding-right: !important;
padding-left: !important;
}

/* --- IMAGES (RESPONSIVE) --- */

.main img { display:block;max-width:100%;height:auto; } 
.main img.alignleft { float:left;margin: 0 20px 10px 0 ; }
.main img.alignright { float:right;margin: 0 0 10px 20px ; }
.main img.aligncentre { margin: 0 auto; }

/* --- VIDEO (RESPONSIVE) --- */

.videowrap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.videowrap iframe,
.videowrap object,
.videowrap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* --- GALLERY (RESPONSIVE) ---*/

.gallery {
  margin-right: -10px;
  margin-left: -10px;
}

.gallery .gallery-item {
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; 
}

.gallery-columns-8 .gallery-item {
  width: 12.5%;
}

.gallery-columns-7 .gallery-item {
  width: 14.2857142857%;
}

.gallery-columns-6 .gallery-item {
  width: 16.6666666667%;
}

.gallery-columns-5 .gallery-item {
  width: 20%;
}

.gallery-columns-4 .gallery-item {
  width: 25%;
}

.gallery-columns-3 .gallery-item {
  width: 33.3333333333%;
}

.gallery-columns-2 .gallery-item {
  width: 50%;
}

.gallery-columns-1 .gallery-item {
  width: 100%;
}

.gallery .gallery-item img {
  display: block;
  height: auto;
  max-width: 100%;
  border: 5px #efefef solid;
}

@media (max-width: 768px) {

  .gallery .gallery-item {
  width: 50%; /* Determines how many to show in a row */ 
  }
  
}

/* --- SOCIAL ICONS - FONTS --- */

@font-face {
  font-family: 'Peltos';
  src:url('assets/fonts/Peltos.eot');
  src:url('assets/fonts/Peltos.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/Peltos.woff') format('woff'),
    url('assets/fonts/Peltos.ttf') format('truetype'),
    url('assets/fonts/Peltos.svg#Peltos') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'Peltos';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-users:before {
  content: "\75";
}
.icon-bookmarks:before {
  content: "\62";
}
.icon-envelope:before {
  content: "\65";
}
.icon-phone:before {
  content: "\70";
}
.icon-checkmark:before {
  content: "\63";
}
.icon-trophy:before {
  content: "\61";
}


/* =========== STYLES - Global =========== */

/* --- PAGE --- */

body {
  font-family: 'Open Sans', sans-serif;
  background: #3C4751;
}


/* --- LINKS --- */

a {

}

a:hover,
a:focus {

}

/* --- BUTTONS --- */

.btn {
  border:0;
  color:#fff;
  border-radius:0;
  transition:all 0.5s ease;
}

.btn-xs {
  
}

.btn-sm {
  
}

.btn-default {
  background: #00A6FF;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
  color:#fff;
  background: #00A6FF;
  -webkit-filter: brightness(120%);
}

.btn-primary {
  background: #00A6FF;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  color:#fff;
  background: #00A6FF;
  -webkit-filter: brightness(120%);
}

/* --- HEADINGS --- */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Ruda', sans-serif;
  line-height:120%;
  color:rgb(0,140,208);
  margin-top:0;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  
}

/* --- LEAD --- */

.lead {
  font-style:italic;
}


/* =========== STYLES - Sections =========== */

/* --- HEADER --- */

.header {
  padding-top:10px;
  background:#fff;
  color:#303C46;
  font-size:14px;
  line-height:120%;
}

.header [class^="icon-"],
.header [class*=" icon-"] {
  font-size:15px;
  color:#0090D3;
  vertical-align:top;
}

.header .qcontact {text-align:right;}
.header .qcontact .email a {
  padding-right:20px;
  color:#303C46;
}

.header .qcontact .phone a {
  color:#303C46;
  font-size:14px;
}

.header .logo {padding-bottom:10px;}

/* --- BANNER --- */

.banner {
  padding:15px 0;
  background:#39454E url(assets/images/bg-banner.png) center center;
  border-top:2px solid #0090D3;
  border-bottom:2px solid #0090D3;
}

.banner-home {
  min-height:400px;  
}

.banner-slim {
  background:#39454E url(assets/images/bg-banner.png) top center
}

.banner-slim h1 {
  color:#fff;
  text-shadow:2px 1px 1px rgba(0,0,0,0.5);
  margin-bottom:0;
}

/* --- SHOWCASE --- */

.showcase {
  position:relative;
  color:#fff;
  background:#fff;
}

.showcasewrap {
  border-bottom:1px solid #3B4751;
}

.showcase h3 {
  font-weight:200;
  color:inherit;
  font-family: 'Ruda', sans-serif;
  font-size:25px;
  line-height:120%;
  color:inherit;
}

.showcase .showcase-inner {
  margin:15px 0;
  padding:15px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size:14px;
  line-height:120%;
  color:rgb(255,255,255);
  text-align:left;
  line-height:1.4em;
  min-height:230px;
  background: #018dcd;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxOGRjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDczYjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #018dcd 0%, #00A6FF 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#018dcd), color-stop(100%,#00A6FF));
  background: -webkit-linear-gradient(top,  #018dcd 0%,#00A6FF 100%);
  background: -o-linear-gradient(top,  #018dcd 0%,#00A6FF 100%);
  background: -ms-linear-gradient(top,  #018dcd 0%,#00A6FF 100%);
  background: linear-gradient(to bottom,  #018dcd 0%,#00A6FF 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#018dcd', endColorstr='#00A6FF',GradientType=0 );
  -moz-box-shadow:2px 1px 1px rgba(0,0,0,0.65);
  -webkit-box-shadow:2px 1px 1px rgba(0,0,0,0.65);
  box-shadow:2px 1px 1px rgba(0,0,0,0.65);
}

.showcase .showcase-inner a {
  padding-top:15px;
  color:inherit;
  display: block;
  text-decoration: underline;
}

.showcase .showcase-inner img {
  padding-top:30px;
  clear:both;
}

.showcase .showcase-inner a {
  position:absolute;
  bottom:30px;
  left:30px;
}

/*.showcase [class^="icon-"], .showcase [class*=" icon-"] {
  text-shadow:2px 1px #0060AF;
  font-size:50px;
  position:absolute;
  top:25px;
  left:25px;
}*/

.showcase .col-sm-4:nth-child(3) .showcase-inner img {display:block;float:left;width:60px;}
.showcase .col-sm-4:nth-child(3) .showcase-inner img:nth-child(2) {position:absolute; right:40px;}

/* --- MAIN --- */

.checklist {
  list-style: none;
  padding-left:0;
}

.checklist li {
  background:url(assets/images/icon-tick.png) center left no-repeat;
  padding-left:30px;
  line-height:18px;
  margin-bottom:10px;
}

.content {
  background: #fff;
  -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.65);
  -moz-box-shadow:    0px 2px 1px 0px rgba(0, 0, 0, 0.65);
  box-shadow:         0px 2px 1px 0px rgba(0, 0, 0, 0.65);
}

.contentwrap {
  padding:15px 0;
}

.content .main {}
.content .main h1 {font-size:30px;}


/* --- ASIDE --- */

.content .aside {}
.content .aside h3 {
  padding-left:30px;
  color:#3C4751;
}

.content .aside .widget {}
.aside .widget [class^="icon-"],
.aside .widget[class*=" icon-"] {
  position: absolute;
  top:3px;
  left:15px;
  font-size:20px;
  color:#008DD0;
}

.content .aside .wpcf7 {}


.content .aside .wpcf7 .form-control {
  border-radius:0;
  border-color:#3C4751;
}


.content .aside .wpcf7 textarea {
  resize:none;
  height:6em;
}


.wpcf7 .watermark {color: #31404C !important; }
::-webkit-input-placeholder {color: #31404C !important; }
:-moz-placeholder {color: #31404C !important; }
::-moz-placeholder {color: #31404C !important; }
:-ms-input-placeholder {color: #31404C !important; }


/* --- FOOTER --- */

.footer {
  padding:10px 0;
  font-size:10px;
  line-height:120%;
  color:rgb(153,153,153);
  background: #3C4751;
}

.footer .badges img {
  opacity:0.6;
  transition:0.5s ease;
  margin-bottom:15px;
}

.footer .badges img:hover {
  opacity:1;
}

.footer a {
  color:inherit;
}

.siteCredits {
  text-align: right;
}

/* =========== STYLES - Media Query =========== */

/* X SMALL - ONLY (Phone) */

@media (max-width: 768px) {

  body {}

  /* --- NAVIGATION --- */

  /*Navbar*/
  .navbar {background:#3C4751; border-bottom:;}
  
  /*Brand*/
  .navbar-default .navbar-brand {color:#fff; color:rgba(255,255,255,0.8);}

  /*Brand Hover*/
  .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {color: #fff; }

  /*Navbar a*/
  .navbar-default .navbar-nav>li>a {color: #fff; color: rgba(255,255,255,0.8); }

  /*Navbar a:hover*/
  .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: #fff; background: transparent; }

  /*Navbar a active*/
  .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #555;
    background-color: #E7E7E7;
  }

  .logo img { margin: 0 auto; }
  
  .qcontact {margin-bottom:10px;}
  
  .btn-presstocall { padding: 10px 20px; }

  .content .aside .widget {}
  .aside .widget [class^="icon-"],
  .aside .widget[class*=" icon-"] {
    position: absolute;
    top:5px;
    left:15px;
    font-size:20px;
    color:#008DD0;
  }

  .footer .siteCredits { text-align: center; }
  .footer .badges img {margin:0 auto; display: block;}
}

/* SMALL - UP (Tablet + Desktop + Large Desktop) */

@media (min-width: 769px) {

  /* --- NAVIGATION --- */
  
  /* Global */
  .navigation {margin-top:30px;}
  .navbar { min-height: 20px;border-radius: 0; z-index: 70; font-family: 'Ruda', sans-serif;}
  .navbar a { text-decoration: none;}

  .navbar-nav {
    z-index: 100;
  }

  /* First Level */
  .navbar-nav>li {}
  .navbar-nav>li>a  {font-size: 16px; font-weight:600; border-bottom:1px solid transparent;padding: 10px; color:#303C46; text-transform: uppercase; transition: all 0.2s ease; }
  .navbar-nav>li>a:hover {background: transparent; border-bottom:1px solid #0090D3; color:#0090D3;}
  .navbar-nav>li.active>a {background: transparent; border-bottom:1px solid #0090D3; color:#0090D3;}
  .navbar-nav>li:last-child a {padding-right:0;}

  /* Second Level */
  .navbar-nav ul.sub-menu { display: none; position: absolute; top: 100%; left: 0; padding:0; margin: 0; list-style:none; box-shadow: 0px 2px 3px rgba(0,0,0,0.4); } /* No need to change anything */
  .navbar-nav ul.sub-menu li { position: relative; float: left; width:250px; background: #eee; border-top: 1px solid #fff; } /* Edit width, background and borders */
  .navbar-nav ul.sub-menu li a { display: block; padding: 5px 10px; background: transparent; color: #303C46; } /* Edit padding, background and color */
  .navbar-nav ul.sub-menu li a:hover {background: transparent; color: #0090D3; } /* Edit hover background and color */
  .navbar-nav li:hover > ul.sub-menu {display:block; } /* What makes it display */

  /* Showcase */
  .showcase .showcase-inner {
    min-height: 200px
  }

}

/* MEDIUM - UP (Desktop + Large Desktop) */

@media (min-width: 993px) {

}

/* SMALL - ONLY (Tablet) */

@media (min-width: 769px) and (max-width: 992px) {
  .navigation {margin-top:18px;}
}

/* MEDIUM - ONLY (Desktop) */

@media (min-width: 993px) and (max-width: 1200px) {

}

/* LARGE - ONLY (Large Desktop) */

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

}