/*
Theme Name: Charles Oakes Website
Theme URI: http://teamtreehouse.com/wordpress-bootstrap-theme-tutorial
Description: Custom wordpress theme for Charles Oakes Company
Author: Charel Buchler
Author URI: http://charelbuchler.com/
Version: 1.0
Tags: responsive, white, bootstrap
This simple theme was built using the example Bootstrap theme "Basic marketing site" found on the Bootstrap web site http://twitter.github.com/bootstrap/examples/hero.html

License: GPLv2
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/


/**
 * Custom styles
 **/

.clients_partners {
	height: 75px;
    float: left;
    margin-right: 20px;
    width: auto;
    padding: 5px;
	margin: 20px;
  image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}

.jobs_text {background-color: #eee;
  padding: 25px;COLOR: #777;margin-top: 15px;}

img { -ms-interpolation-mode: bicubic; }

#global_social_icons {text-align: right; }
.col-sm-12 {padding-right: 0px;}

.services_back {
float: left;
padding-left: 20px;
padding-top: 20px;
padding-bottom: 20px;

background-image: url("/wp-content/uploads/2015/04/Fotolia_75811470_L.jpg");
background-position: left top;
margin-bottom:15px;
}

.rpwe-title a {font-size: 16px;}
.rpwe-summary {margin-top: 10px;}

.row h2 {
font-weight: normal;
  font-family: 'PT Serif', serif;
  text-transform: none;
  margin-bottom: 20px;
  color: #536056;
  font-style: italic;
  font-size: 25px;
}

.col-lg-6 {padding-left:0px;}

.big-footer {display:none;}

.date_post {
	font-size:75%;
	font-style: italic;
	margin-bottom: 10px;
	text-align: right;
}

#menu-social-links .fa {
	font-size: 500%;
}

.row article {
	border-bottom: 1px solid #E5E5E5;
	margin-bottom: 25px;
	padding-bottom: 10px;
float:left;
}

.btn:hover {
	color: #BEBEBE;
}

.big-footer a {
	color: #84BFF2;
}

.big-footer a:hover {

}

.article {
  border-bottom: 1px solid #fff;
  padding-bottom: 15px;
  margin-bottom: 35px;
}

.services_grid {
  background:rgba(255,255,255,0.9);
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 48%;
  float: left;
  margin-right: 10px;
  min-height: 180px;
  margin-bottom: 10px;
  text-align: justify;
}

.client_logo {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  margin-bottom: 5px;
  margin-right: 5px;
}

img {
    image-rendering: optimizeQuality;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}

.navbar-brand img {
  width: 275px;
}

.menu-item{
  text-transform: uppercase;
  font-weight: 100;
  letter-spacing: 0px;
  font-family: 'PT Sans', sans-serif;
  font-size: 13px;
}

blockquote {
  font-style: italic;
  font-size: 14px;
  font-weight: bold;
}

/**
 Basics
 **/
main{
  margin:10px 0px 0px 0px;
display:block;
}
 .page-content{
  height: auto;
 /** min-height: 400px; **/
 }

 body{
  background: #f5f5f5;
  font-family: 
 }

body.page.home main{
 margin-top:0; 
}

a.fontIcon{
  color: #fff;
  font-size: 300%;
}

div.headbar{
  position: relative;
height: 5px;
display:none;
  background-color: #536056 !important;
  width: 100%;
}

/**
 Navigation
 **/

a.navbar-brand img{
    z-index: 9999999999;
  position: relative;
  top: -18px;
left: -15px;
}
nav.navbar{
  margin-bottom: 0;
 font-family: 'PT Sans Narrow', sans-serif;
}

ul.dropdown-menu{
  background-color: #536056; 
  border:none;
}

ul.dropdown-menu li a{
  color:rgba(255,255,255,0.7);
}

ul.dropdown-menu li a:hover{
 color:rgba(255,255,255,1);
 background-color: #536056; 
}

.navbar-default .navbar-nav>li.menu-item.open{
  color: #fff;
  background-color: #536056;
}

.navbar-default .navbar-nav>li.menu-item.open>a{
  color: #fff;
  background-color: #536056;
}

.navbar-default .navbar-nav>li.menu-item.active{
  color: #fff;
  background-color: #536056;
}

.navbar-default .navbar-nav>li.menu-item.active>a{
  color: #fff;
  background-color: #536056;
}

.navbar-default .navbar-nav>li.menu-item>a {
  color:#555;
}

.navbar-default .navbar-nav>li>a:hover {
  color: #fff;
  background-color: #536056;
}


 nav.navbar-default{
  background-color: #f5f5f5;
 }


 /** 
 Asides
 **/



aside.latest-news h3{
font-weight: normal;
font-family: 'PT Serif', serif;
text-transform: none;
margin-bottom: 20px;
color: #536056;
font-style: italic;
font-size: 25px;
}

aside h3{
 font-weight: bold;
  font-family: 'PT Sans Narrow', sans-serif;
  text-transform: uppercase;
  margin-bottom: 20px; 
  color: #536056;
}

#sidebar aside h3, main aside h3 {
font-weight: normal;
font-family: 'PT Serif', serif;
text-transform: none;
margin-bottom: 20px;
color: #536056;
font-style: italic;
font-size: 25px;

}

main aside div ul.menu li {
 list-style-type:none;
 display:inline;
 font-size:100%;
}


 article.news-snippet{
  border-left:5px solid #536056;
  padding-left: 10px;
 }

 section.location{
  margin-top:50px;
 }

a.read-further{
  text-transform: uppercase;
  color: #536056;
  text-align: right;
  font-weight: bold;
  text-decoration: none;
}


 /** 
 Main Content
 **/


article header h3{
  font-size: 75%;
  font-weight: bold; 
  font-family: 'PT Sans Narrow', sans-serif;
 }

 
 article p{
  line-height: 1.7em;
    text-align: justify;
 }

 article header h1{
  font-family: 'PT Sans Narrow', sans-serif;
  text-transform: uppercase;
  margin-bottom: 20px;
font-weight: bold;
 }


 /** 
  MISC
  **/

a.btn-cho, input[type="submit"].btn-cho, input[type="button"].btn-cho {
    background-color: #536056;
    color:#fff;
    width: 100%;
    text-transform: uppercase;
    font-family: 'PT Sans narrow', sans-serif;
    font-weight: bold;
  }

a.btn-cho-inverted{
    background-color:#fff;
    color:#536056;
    width: 100%;
    text-transform: uppercase;
    font-family: 'PT Sans narrow', sans-serif;
    font-weight: bold;
}

section.hero{
    position: relative;
    max-height: 400px;
    overflow: hidden;
}
body.blog section.hero div {
	display:none; 
}
body.blog section.hero div div {
	display:none; 
}

.hentry header h1 a{
    text-decoration: none;
    color: #536056;
    font-size: 135%;
    font-weight: bold;
  }

img.bigpicture{
    max-width: 100%;
    height: auto;
    display: block;
margin-top: -20%;
}


img.bigpicture + div{
  position: absolute;
  width: 100%;
  position: absolute;
  bottom: 10%;
  background: rgba(255, 255, 255, 0.8);
  padding: 3px;

}

section.hero div hgroup h1{
    font-size: 220%;
}

section.hero div hgroup h2{
    	font-size: 120%;
	color: #747474;
}

h1, h2, h3, h4{
  font-family:'PT Sans Narrow', sans-serif;
	text-transform: uppercase;
}

.container h2 a {
color: #555;
font-style: italic;
text-transform: none;
font-family: 'PT Serif', serif;
}

.container h2 a:hover {
text-decoration:none;
}

h2 {
  font-size: 25px;
  font-style: italic;
  margin-bottom:20px;
}

h3 {
  text-decoration: none;
  color: #536056;
  font-size: 150%;
  font-weight: bold;
  font-family: 'PT Sans Narrow', sans-serif;
  text-transform: uppercase;
  margin-bottom:20px;
}

img.bigpicture + div hgroup h1 {
  color: #000;
  font-family: 'PT Sans', sans-serif;
  text-transform: uppercase;
  margin-bottom: 0px;
font-weight: normal;
}

.nivo-caption {
  color: #000;
  font-family: 'PT Sans', sans-serif;
  text-transform: uppercase;
  margin-bottom: 0px;
font-weight: normal;
}

img.bigpicture + div hgroup h2 a {
  text-decoration: none;
  font-style: italic;
  text-transform: lowercase;
  font-family: 'PT Serif', serif;
  font-size: 20px;
  color: #666;
}

img.bigpicture + div hgroup h2 {
  margin-top: 5px;
}

a.logo img{
   height: auto;
   display: block;
}

.navbar-nav>li {
  padding-right: 0px;
}

.read-further::after{
  clear: both;
}


.big-footer{
  min-height: 250px;
  height: auto;
  background-color: #536056;
  padding:25px;
  margin-top:10px;
border-top: 10px solid #fff;
}

.big-footer > div {
  height: auto;

}

.big-footer > div > p {
  color: #fff;
}

.credits{
  height: auto;
  min-height: 50px;
  background-color: #3e4740;
  color: #fff;
  padding: 15px 0px 0px 0px;
  
}

.credits a{
 color: #fff; 
}

.big-footer aside h3 {
 color: #fff; 
}

.big-footer aside h3 + div {
 color: #fff; 
}

.big-footer aside h3 + div>a {
 color: #fff; 
}

.big-footer aside h3 + div>ul>li>a{
	color:#fff;
}
/***

BootStrap Nav

***/


.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar {
  position: fixed;
  top: 0px;
  z-index: 1000;
  width: 100%;
  border-top: 5px solid #536058;
border-left: 0px;
  border-right: 0px;
  border-radius: 0px;
}
.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}

.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}


/**
 Slider
**/


.that_slider .nivo-caption{
  bottom: 40%;
  padding:50px; 
  background:#fff;
  color:#000;
}


.nivo-directionNav{
	display:none
}


/** ICONS **/

#global_social_icons i{
  color: #fff;
}

#global_social_icons i.fa.fa-facebook-square{
  font-size:200%;
}

#global_social_icons i.fa.fa-twitter-square{
  font-size:200%;
}

#global_social_icons i.fa.fa-linkedin-square{
  font-size:200%;
}

#global_social_icons i.fa.fa-google-plus-square{
  font-size:200%;
}

i.fa-google-plus-square {
 color: #de4b39;
}

i.fa-facebook-square {
 color: #3c5a99;
}

i.fa-twitter-square {
 color: #25aae2;
}

i.fa-linkedin-square {
 color: #007cb7;
}

/**
 Default wordpress classes 
 **/

.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.alignright {}
.alignleft {}
.aligncenter {}




/***
 * Responsive Breakpoints 
 **/

@media only screen and (max-width : 550px) {
.services_grid {width: 95%;}
}

 /* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
section.hero div hgroup h1{
    font-size: 100%;
}

section.hero div hgroup h2{
    font-size: 100%;
color: #747474;
}

	main aside div ul.menu li {
	 font-size:350%;
	}

main aside {
margin-bottom: 20px; 
}

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
	section.hero div hgroup h1{
    font-size: 100%;
}

section.hero div hgroup h2{
    font-size: 100%;
color: #747474;
}

main aside div ul.menu li {
	 font-size:100%;
	}

main aside {
margin-bottom: 20px; 
}

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
	section.hero div hgroup h1{
	    font-size: 100%;
	}

	section.hero div hgroup h2{
	    font-size: 100%;
	    color: #747474;
	}

main aside div ul.menu li {
	 font-size:350%;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  .page-content{
  height: auto;
  min-height: 0px;
 } 
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  and (orientation : portrait) {
/* Styles */
 .page-content{
  height: auto;
  min-height: 0px;
 }
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
/* Styles */

section.hero div hgroup h1{
	    font-size: 220%;
	}

	section.hero div hgroup h2{
	    font-size: 120%;
	    color: #747474;
	}

}


/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

.slider-wrapper .theme-default .nivo-caption {
color: #000;
font-family: 'PT Sans', sans-serif;
text-transform: uppercase;
margin-bottom: 0px;
font-weight: normal;}


/*** 
 * Nav
***/

@media (min-width: 992px) {
  .nav-navbar.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-navbar.nav-justified > li > a {
    margin-bottom: 0;
  }
}


#autocollapse {
	border: none; 
}




@media (max-width: 1200px) {

	ul.nav.navbar-nav:first-child{
		margin-top:50px;
	}

	ul.nav.navbar-nav:first-child li a{
  margin-left: -40px;
}

    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    } 

     .navbar-nav ul:firt-child{
	margin-top:50px; 
     }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}

@media (max-width: 786px) {
	img.bigpicture {
		margin-top: 0px;
	}

	.hero > .container > .container > h2 {
		display: none;
	}

	ul.nav.navbar-nav:first-child li a{
	  margin-left: auto; 
	}

}


/* Broadbean */

.bbdesc { }
.bbjob {border-bottom: 1px solid #eee;
  padding-bottom: 10px;}
.bbjob h2 {margin-bottom: 5px;}

#bb_jobs dt,dd{display:inline}
.bbjob dl {color: #999;}

.bbjob .btn:hover {
  color: #000;

}