/*
Theme Name: wp-bootstrap
Theme URI: http://320press.com/wpbs
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 2.1
Author: 320press
Author URI: http://320press.com
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

/* micro clearfix: http://nicolasgallagher.com/micro-clearfix-hack/ */
/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}

.clearfix:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

/* wp-specific classes */
.wp-caption{
	
}

.wp-caption-text{
	
}

.sticky{
	
}

.gallery-caption{
	
}

/* layout */

body{
	padding-top: 0;
}

/* Admin Top Navigation fixes */

body.admin-bar .navbar-fixed-top{ 
	top: 28px; 
}

.navbar .brand{
	color: #000 !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 30px rgba(255, 255, 255, 0.125);
	font-weight: bold !important;
}

.nav-container{
	padding-left: 0;
	padding-right: 0;
}

#inner-header{
	width: 100%;
}

input, textarea, select, .uneditable-input {
	margin-bottom: 0;
}

.navbar-form, .navbar-search {
	margin: 0 0 9px;
}

.navbar-search{
	padding-left: 0;
}

#ss{
	width: 100px;
}

#content{
	padding: 10px 0 0;
}

.more-link{
	white-space: nowrap;
}

.footer-links{
	float: right;
	margin-bottom: 18px;
}

.footer-links .menu{
	list-style-type: none;
	margin-left: 0;
}

.footer-links .menu li{
	float: left;
	margin-left: 10px;
}

/* post styling */

#main p.meta{
	font-style: italic;
	color: #808080;
}

#main article{
	margin-bottom: 18px;
	border-bottom: 1px solid #eeeeee;
	padding: 0 0 9px;
}

.sidebar{
	margin-top: 18px !important;
}

#main article footer{
	border-top: none;
	margin-top: 0;
	padding-top: 0;
	position: relative;
	min-height: 20px;
}

#main article footer a.edit-post{
	position: absolute;
	right: 0;
	top: 0;
	display: none;
}

.post:hover a.edit-post{
	display: inline;
}

p.tags{
	line-height: 20px;
}

div[id*='attachment_']{
	max-width: 100%;
	height: 100%;
}

#credit320{
	background: url('images/320press_mini.png') no-repeat left top transparent;
	padding-left: 20px;
}

#main .hero-unit img{
	margin-bottom: 1em;
}

#main article img{
	height: auto;
	max-width: 100%;
}

img.alignleft{
	margin-right: 10px;
	float: left;
}

img.alignright{
	margin-left: 10px;
	float: right;
}

img.aligncenter{
	display: block;
	margin: 0 auto;
}

.post header img{
	margin-bottom: 18px;
}

.archive #main .post h3{
	line-height: 24px;
	margin-bottom: 10px;
}

video {
	max-width: 100%;
	height: auto;
}

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

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

.video-wrapper {
	width: 630px;
	max-width: 100%;
	margin-bottom: 18px;
}

/* page styling */

#featured-carousel .item{
	width: 970px;
	height: 600px;
}

.carousel-caption p{
	display: none;
}

.page-template-page-homepage-php #main article{
	border-bottom: none;
}

.page-template-page-homepage-php .hero-unit,
.blog .hero-unit{
	padding: 1em;
}

.hero-unit h1 {
	font-size: 3em;
}

/* comments */



#comments{
	line-height: 24px;
	margin-bottom: 18px;
}

ol.commentlist,
ol.commentlist ul.children{
	list-style-type: none;
	margin-left: 0;
}

.comment .vcard div{
	margin-top: 8px;
	padding: 0 10px;
}

ol.commentlist time{
	font-size: .8em;
	color: #eeeeee;
}

ol.commentlist div.comment-author{
	position: relative;
}

ol.commentlist a.comment-edit-link{
	color: #ffffff;
	text-decoration: none;
	padding-left: 5px;
}

ol.commentlist span.edit-comment{
	position: absolute;
	right: 0;
	top: 8px;
}

ol.commentlist li.bypostauthor{
	background-color: #dddddd;
}

ol.commentlist ul.children li{
	background-color: #cccccc;
}

ol.commentlist ul.children li ul.children li{
	background-color: #bbbbbb;
}

ol.commentlist ul.children li ul.children li ul.children li{
	background-color: #aaaaaa;
}

ol.commentlist article{
	border-bottom: none !important;
}

a.comment-reply-link{
	position: absolute;
	right: 0;
	bottom: 0;
}

#comment-nav ul{
	list-style-type: none;
	margin: 0;
}

#comment-form-elements{
	list-style-type: none;
	margin: 0;
}

.comment .vcard .avatar{
	padding-right: 0;
}

.comment .vcard .comment-text{
	margin-left: 0;
}

img.avatar{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-left: 1px solid #ddd;
	
}

ol.commentlist li{
	padding-right: 10px;
	background-color: #F0F0F0;
}

#pings{
	margin-bottom: 9px;
}

ol.pinglist{
	list-style-type: none;
	margin: 0 0 9px 0;
}

#comment{
	width: 270px;
}

ol.commentlist #respond{
	padding: 5px 10px;
}

/* specific post-type styles */

/* image attachment */

.attachment #main .post_content img{
	max-width: 100%;
}

.ie8 #main .media-grid img{
	max-height: none !important;
	max-width: none !important;
}

.attachment-img{
	margin-bottom: 18px;
}

.metadata p.alert-message{
	margin-right: 0;
	margin-bottom: 18px;
}

#gallery-nav{
	list-style-type: none;
	margin-left: 0;
}

li.next a, li.previous a{
	position: relative;
}

li.next a:hover:before{
	content: "\2190";
	position: absolute;
	display: block;
	top: 42%;
	left: 0;
	background-color: #BFBFBF;
	color: #444;
	width: 20px;
	height: 20px;
	padding-left: 5px;
	text-decoration: none;
	box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

li.previous a:hover:before{
	content: "\2192";
	position: absolute;
	display: block;
	top: 42%;
	right: 0;
	background-color: #BFBFBF;
	color: #444;
	width: 20px;
	height: 20px;
	padding-left: 5px;
	text-decoration: none;
	box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}


/* widget styles */

.widget{
	margin-bottom: 18px;
}

.widgettitle{
	margin-bottom: 9px;
}

#tag-cloud{
	margin-bottom: 18px;
	line-height: 160%;
}

/* for some reason the bs version currently available for download doesn't have this style */
.label{
	text-transform: uppercase;
}

/* override standard link hover for the tag cloud widget */
#tag-cloud a:hover,
.tags a:hover{
	color: #ffffff;
	text-decoration: none;
}

#tag-cloud a{
	white-space: pre;
	text-transform: uppercase;
}

/* change default form padding for search */

.widget_search form{
	padding-left: 0;
}

.widget_search input{
	width: 121px;
}

/* calendar widget */

#calendar_wrap{
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px;
}

#wp-calendar{
	width: 100%;
	
}

#wp-calendar caption{
	font-weight: bold;
	padding: 8px;
}

#wp-calendar tr{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#wp-calendar tr:last-child{
	border-bottom: none;
}

#wp-calendar td{
	text-align: center;
	padding: 8px 0;
}

blockquote.pull-left{
	padding-right: 15px;
}

@media only screen and (min-width: 768px) {
	.carousel-caption p{
		display: block;
	}
}

@media only screen and (min-width: 980px) {
	body{
		padding-top: 60px;
	}
	
	.container{
		/*
		max-width: 970px;
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px;
		*/
	}
	
	#inner-footer{
		padding: 0;
	}
	
	#content{
		padding-left: 0;
		padding-right: 0;
	}
	
	.topbar-inner{
		padding: 0;
	}
	
	.topbar form.pull-right {
		float: right;
	}
	
	.navbar-form, .navbar-search {
		margin-top: 6px;
		margin-bottom: 0;
	}
	
	.navbar-search{
		padding-left: 0;
	}
	
	.sidebar{
		margin-top: 0 !important;
	}
	
	.widget_search input{
		width: 230px;
	}
	
	.blog .hero-unit{
		margin-top: 10px;
	}
	
	.page-template-page-homepage-php .hero-unit,
	.blog .hero-unit{
		padding: 60px;
	}
	
	.hero-unit h1 {
		font-size: 60px;
	}
	
	/* hide edit comment button and show on hover on desktop version */
	.edit-comment{
		display: none;
	}
	
	.vcard:hover .edit-comment{
		display: inline-block;
	}
	
	#ss{
		width: 210px;
		margin-bottom: 6px;
	}
	
	.widget_search input{
		width: 209px;
	}
	
	.comment .vcard .comment-text{
		padding-left: 0;
		padding-right: 0;
	}
}




/* ROBERTO STYLE */
body {
    padding-top: 50px;
	padding-bottom: 30px;
  
	padding-top: 50px;
	margin-bottom: 0;
	padding-bottom: 0;
}

body.bann_header, body.trad_header{
	padding-top: 0;
}

.theme-dropdown .dropdown-menu {
	display: block;
	position: static;
	margin-bottom: 20px;
}

.theme-showcase > p > .btn {
	margin: 5px 0;
}
.pull-left {
	margin-right: 15px;
}
.footer {
	margin-top: 10px;
}
.footer h4 {
	border-bottom: 1px solid #bbb;
	padding-bottom: 0;
	margin-bottom: 12px;
}

.footer .first div:nth-child(2) {
	margin-top: 20px;
}
 

.blog.list.widget li {
		padding-bottom: 8px;
}

.blog.list.widget span {
	font-size: 85%;
	color: #555;
	text-transform: uppercase;
}

#nav-sec {
	background: #000;
}
#nav-sec .navbar-inverse {
}  

#bann_header .jumbotron {
	margin-bottom: 0;
}

#breadcrumb-sec {
	background: #f5f5f5;
	margin-bottom: 20px;
}
#breadcrumb-sec .breadcrumb {
	margin-bottom: 0;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 0;

  /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
  margin-top: -90px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 350px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}



/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-left: 15px;
  padding-right: 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  text-align: center;
  margin-bottom: 20px;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-left: 10px;
  margin-right: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Remove the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }

}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}


/* Fix Google Maps canvas
 *
 * Wrap your Google Maps embed in a `.google-map-canvas` to reset Bootstrap's
 * global `box-sizing` changes.
 */
.google-map-canvas, .google-map-canvas * { .box-sizing(content-box); }

/*
 * responsive image override 
 * 
 * Resets the `max-width` on images in case you've applied that anywhere else. 
 * (That shouldn't be as necessary with Bootstrap 3 though as that behavior 
 * is relegated to the `.img-responsive` class.)
 */
img { max-width: none; }



/*
 * trad_header styles
 */
body { padding-top: 0; }
#trad_header { padding-top: 15px; }
.logo img { width: 100% !important; height: auto !important; max-width: 250px; }
.navbar { margin-bottom: 0; }

/* fix for comments */
.comment .vcard div {
	padding: 0 25px;
}
a.comment-reply-link {
	right: 12px;
}
.comment .vcard .comment-text {
	padding-right: 12px;
}

#footer-first {
	background: #f5f5f5;
	padding-bottom: 10px;
}

@media (max-width:768px) {

	#trad_header .logo {
		text-align: center;
	}
}









		/* divorce-inaday.com */
		.video_feature h3 {
			text-transform: uppercase;
			margin-top: 0;
			margin-bottom: 5px;
		}
		
		
		h1 {
			color: #00305E;
			font-weight: bold;
		}
		#trad_header { 
			background: #00315E; 
			padding-top: 20px;
		}
		
		.navbar {
			background: none;
			background: url('../rt_panacea_wp/images/header/dark/header-bg.png') repeat-x left -14px;
			border: none;
		}
		.navbar-inverse .navbar-nav > li > a {
			color: #99D0FF;
		}
		
		.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus,
		.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
			color: #99D0FF;
			background: none;
			border-bottom-style: solid;
			border-width: 5px;
			padding-bottom: 10px;
		}
		

		
		#nav-sec {
			background: transparent;
			background: none;
			background: url('http://wp.robusta.co/wordpress/wp-content/themes/wordpress-bootstrap/images/bg-footer.jpg') repeat-x left -120px;
		}
		
		#content {
			background: #ECF2F5;
			margin: 0;
			padding-top: 0;
			position: relative;
		}
		#content .container {
			margin-top: 0;
			background: #fff;
			padding-top: 15px;
			padding-bottom: 15px;
		}
		.logo {
			margin-bottom: 5px;
		}
		#breadcrumb-sec {
			margin-bottom: 0;
			padding-bottom: 0;
			background: #ECF2F5;
		}
		
		#breadcrumb-sec .container {
			margin-bottom: 0;
			background: #f5f5f5;
		}
		#footer-first {
			color: #CCC;
		}
		#footer-first a {
			color: #99D0FF;
		}
		
		#footer-first h4 {
			color: #CCC;
			text-transform: uppercase;
			border-bottom: none;
		}
		ul.bullet-7,
		#footer-first ul {
		    margin: 0.75em 0;
		    margin-left: 2px;
		    padding: 0 1em;
		    list-style: none;
		}
		ul.bullet-7 li:before,
		#footer-first li:before { 
		    content: "";
		    border-color: transparent #E7F04D;
		    border-style: solid;
		    border-width: 0.35em 0 0.35em 0.45em;
		    display: block;
		    height: 0;
		    width: 0;
		    left: -1em;
		    top: 1.1em;
		    position: relative;
		}
		
		ul.bullet-7 li:before {
		    border-color: transparent #B57219;
		}
		
		ul.social {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
		ul.social.pull-right {
			margin-right: -6px;
		}
		.social li {
			padding-left: 0;
			display: inline-block;
			text-indent: 0;
			float: right;
		}
		
		ul.social.social-sm a {
			margin: 0;
			padding: 0;
		}
		ul.social.social-sm a img {
			width: 40px;
			height: auto;
			-webkit-transition: all .2s ease-in-out;
		}
		ul.social.social-sm a:hover img {
			-webkit-transform: scale(.95);
		}
		
		.box1 .module-content a, 
		.box1 .module-content .button, 
		.box1 .title span, 
		.title3 .title span, 
		.title3 .title a span,
		h3 span {
			color: #3B74B7;
		}
		
		@media (min-width: 768px) {
			.navbar-nav {
				margin-left: -15px;
			}
		}
		
		@media (max-width:768px) {
		
			ul.social,
			ul.social.pull-right {
				float: none !important;
				text-align: center;
				margin-top: 25px;
			}

			ul.social li,
			ul.social.pull-right li {
			    display:inline;
			    zoom:1;
			    float: none !important;
			}

		}
		
.hms-testimonial-container.hms-testimonial-template-1 {
	border-bottom: 1px dotted #eee;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.vid iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.vid {
    position: relative;
    padding-bottom: 75%;
    height: 0;
}