/*
Theme Name: Clientcomm
Theme URI: http://sol1.com.au
Description: A responsive theme for Clientcomm based sites.
Version: 42
Author: Sol1
Author URI: http://sol1.com.au
Tags: one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, post-formats, theme-options
*/

/*
all of this theme's styles are defined in /library/theme/less/ (source) and /library/css/ (generated)
*/


/*

GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

 /* MAKE VIDEOS TOP LAYER OVER NAV */
 
.ui-front {
  z-index: 2000;
}

/* Updates to control layout of Vimeo feed components */

.vimeography-bridge .vimeography-thumbnail {
  border: 0px solid #dadada !important;
  margin: 0px !important;
  border-radius: 0px !important;
  background: url("images/frame-bottom-border.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
  padding-bottom: 21px;
}

.vimeography-thumbnail-container a {
  padding: 10px;
  border: 1px solid #ddd;
}
.vimeography-title{
  margin-top:0px;
}

.vimeography-bridge .vimeography-thumbnail:hover {
  box-shadow: none !important;
}

.vimeography-bridge .vimeography-thumbnail.active {
  box-shadow: none !important;
}

/* End of vimeo styles */


/* VIDEO LIBRARY PAGE */ 
#vimeography-gallery-2.vimeography-bridge .vimeography-thumbnail-container {
  height: 325px !important;
}

#vimeography-gallery-2 .vimeography-description {
  font-family: Helvetica;
}

.menu-video-side-bar-container {
  background-color: #324758;
}
#menu-video-side-bar {
  padding: 20px 13px;
  list-style-type: none;
  font-size: 18px;
}
#menu-video-side-bar li {
	border-bottom: 1px dashed rgb(255, 255, 255);
	margin-bottom: 15px;
	padding-bottom: 15px;
	font-size:16px;
}

 .video-library
,.video-library .sidebar-menu
,.video-library .sidebar-menu div
{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex:1 0 auto;
}

.video-library .sidebar-menu div {
  flex-direction: column;
  max-width: 100%;
}

.video-library .sidebar h4 {
  margin-bottom: 0;
  border: none;
  border-radius: 0;
}
/* End of VIDEO LIBRARY PAGE */





.widget_youtube_responsive iframe{
	overflow: auto;
	max-width: 100%;
}

ul.fbf_facebook_page_widget {
	padding-left:0px;
}
ul.fbf_facebook_page_widget img{
	display:none;
}
.tern_wp_youtube_video_meta_data{
	display:none;
}

#content, .slider-box, .nav-box, .footer-box, .small-video, .small-headerwidget{
	background-color:#fff;
}	

.topbar{
	min-height:106px;
	background-color:#fff;
}

body{
	font-size:12px;
	line-height:1.3em;
}

body .home{
	background-color:#FFF;
}

button, input, select, textarea {
	font-size:13px;
	max-width:100%;
}
	
#logo img{
	max-width:300px;
}

h2{
	border-bottom: 1px dashed #DDDDDD;
	padding-bottom:5px;
	margin-top: 0;
}

.post_content .alert{
	display:none;
}

.tw-recent-posts .featured-post {
	line-height:1.4em !important;
	font-size:13px;
	margin: 0px !important;
	padding-top: 10px;
}

.sidebar > .tw-recent-posts .featured-post {
	line-height:1.4em !important;
	font-size:12px;
	margin: 15px 0px 0px !important;
}

.container .jumbotron{
	box-shadow:1px 3px 1px -2px #BBBBBB;
	line-height:1.3em;
	background: linear-gradient(to bottom, #FFFFFF 0%, #E5E5E5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #E6E6E6;
	border-radius: 6px;
	overflow:auto;
	padding-left:30px;
	padding-right:30px;
}

.jumbotron h1{
	margin-top:0px;
	font-size:60px;
}

.jumbotron p{
	font-size:20px;
}
	
#main {
	margin-top: 0px;
	margin-bottom:30px;
	min-height:200px;
}	

.sidebar {
	margin-top: 0px;
}

.sidebar .widget{
	border-bottom: 1px dashed #ddd;
	padding-bottom:15px;
	margin-bottom:15px;
}
	
.sidebar .widget p{
	margin-bottom:10px;
}
	
.sidebar .widgettitle{
	background-color:#DCE2ED;
	border-radius:2px;
	padding:6px;
	border:1px solid #ddd;
}

.sidebar .textwidget{
	line-height:1.4em;
	font-size:13px;
}

.cta p{
	font-size:12px;
}

.cta img{
	border-radius:4px;
}

#header-details{
	padding: 14px 0px;
	font-size:14px;
}

#header-details>div{
	margin-bottom:5px;
	text-align:right;
}
	
#widget-bar{
	padding-bottom:20px;
	padding-top:20px;
}
	
#latest-media{
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	padding:20px;
	border-radius:6px;
	box-shadow: 1px 3px 1px -2px #BBBBBB;
	border: 1px solid #E6E6E6;
}

#latest-media h2 {
	margin-top:0px;
	border-bottom:1px dashed #DDD;
}

#latest-media h3{
	margin-top:5px;
}

/* BUTTON STYLES */

.btn-primary, .btn-primary, .btn-primary {
	background-color: #3D576D;
	border-color: #324758;
	color: #FFFFFF;
}


.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	background-color: #324758;
	border-color: #283A48;
	color: #FFFFFF;
}

/* CAROUSEL STYLING */

.carousel-caption{
	color:#333;
	border-radius:6px 6px 0px 0px;
	padding:10px 20px 20px;
	bottom:0px;
	text-shadow:none;
	background: -moz-linear-gradient(top, rgba(255,255,255,0.55) 0%, rgba(229,229,229,0.9) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.55)), color-stop(100%,rgba(229,229,229,0.9))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.9) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.9) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.9) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,0.55) 0%,rgba(229,229,229,0.9) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cffffff', endColorstr='#e6e5e5e5',GradientType=0 ); /* IE6-9 */
}

.carousel-indicators {
	bottom: 0px;
}
ol.carousel-indicators {
	margin-bottom: 5px;
}

.carousel-indicators li {
	border: 1px solid #324758;
	border-radius: 10px;
}

.carousel-indicators .active {
	background-color: #324758;
}

.carousel-caption h1{
	font-size:45px;
	margin-top:10px;
	text-shadow:0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption a:hover{
	text-decoration:none;
}

.stocks-container {
	background:none !important;
	background-color: #DCE2ED !important;
	border-top: 1px solid #D5D5D5;
	height: 35px !important;
}

#widget-footer {
	font-size:12px;
}

#page-footer{
	background-color:#E8E8E8;
	padding-top:15px;
}

.page-header {
	border-bottom: 1px dashed #DDDDDD;
	margin: 44px 0 15px;
}

.entry-meta{
	display:none;
}

#myCarousel{
	/* border-top:3px solid #3D576D; */
	border-bottom:3px solid #3D576D;
}

/* NAVBAR STYLES */

.caret{
	display:none;
}

.navbar{
	min-height:44px;
	border-color: #ddd;
	border-top:0px solid #ddd;
}

.navbar-inverse {
	background: rgb(69,72,77); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	border-color: #080808;
}

.dropdown-menu {
	background-color: #4E545C;
	font-size:13px;
}

.navbar-default {
    border-color: #3D576D;
}

.nav>li>a {
	padding: 10px 13px;
	font-size: 13px;
	color: #253441;
}

.nav>li>a:hover, .nav>li>a:focus {
	background-color: #E7E9EB;
}

.dropdown-menu>li>a {
	padding: 5px 20px;
	color: #ecf0f1;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	color: #bdc3c7;
	background-color: #2B2E3C
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
	background-color: #2B2E3C
}

#widget-bar .nav>li>a {
	padding: 2px 10px;
	font-size:13px;
}

/* hide stock tag */
.stocks li:nth-child(7) {
	display:none;}



/*  Optional Social Components  */

.social-icons ul{
	margin:0px;
	padding:0px;}
.social-icons li{
	display:inline;
	padding-left:5px;}
.social-icons li img{
	max-width:20px;}


#footer-social, #footer-legal-links{
	margin-top:12px;}

#footer-social.social-icons li{
	display:inline;
	padding-right:5px;
	padding-left:0px;}	


.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.sidebar .list-group{
	margin-bottom:0px;}
	
.news-feed-title{
	margin-top:30px;}
	
.tw-recent-posts .featured-post img {
    float: left;
    margin: 0 10px 0 0;
    width: 40%;
}
.tw-recent-posts .featured-post h4 {
    font-size: 1.2em !important;
}
.post_content iframe{
	margin-bottom:20px;}
	
#sidebar3{
	margin-top:50px;}
	
.team{
	margin-bottom:20px;}	
.team img.media-object {
	border-radius:2px;}

.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }


button, input, optgroup, select, textarea {
    color:#333;
}

.dropdown-menu>li>a:hover, 
.dropdown-menu>li>a:focus, 
.dropdown-submenu:hover>a, 
.dropdown-submenu:focus>a 
{
   filter: none !important;
}
.dropdown-menu>li.active>a
{
   filter: none !important;
}



/* END OF GLOBAL STYLES  */

@media(max-width:767px){
	/* mobile styles go here */
	h1{
		font-size:30px;}

	h2{
		font-size:25px;}
	h3{
		font-size:22px;}
	h4{
		font-size:19px;}

	#logo img {   
	}

	#myCarousel {
	}

	.carousel-control.left, .carousel-control.right, .carousel-indicators {
		display:none;}
		
	.carousel-caption {
	    padding: 5px 10px;
		left:0;
		right:0;
		border-radius:0px;}

	.carousel-caption h1{
		font-size:15px;
		margin:0px;}

	.container .jumbotron{
		padding:15px 0px;
		margin-top:30px;}
	.jumbotron h1{
		margin-top:0px;
		font-size:25px;}
	.jumbotron p{
		font-size:12px;}

	#videofeature iframe{
			height:200px;}	
	.cta{
		margin-bottom:20px;}		

	.navbar-toggle{
		float:none !important;
		display:block;
		margin-left:auto;
		margin-right:auto;
		padding:6px 10px;
		margin-bottom:5px;
		margin-top:5px;
		border:1px solid #ccc;
		background-color:#fff;
	}
	.navbar-toggle:hover{
		background-color: #DADADA;
	}

	.nav-title{}
	.nav-iconset{float:right;}


	.container > .navbar-header, .container > .navbar-collapse {
	    margin-left: 0x;
	    margin-right: 0px;
	    width: 100%;
		
	}

	.navbar-nav {
	    margin: 7px 0px;
	    width: 100%;
		float:none;
	}

	.navbar-collapse .dropdown-menu{
		background-color: #4E545C !important;
	}

	.content-block{
		margin-top:12px;
		margin-bottom:20px;}

	#latest-media h3 {
	    margin-top: 12px;
	}
	.small-headerwidget{
		padding-top:25px;
		padding-bottom:25px;
	}
	a.btn.btn-slider{
		text-align: left;
		padding-left: 17px;
	}
}

@media(min-width:768px){
	
	/* Makes sub-nav appear on mouseover on desktops */

    .dropdown:hover .dropdown-menu {
        display: block;
    }
			
	/* ipad styles go here */
	.ipad-clearfix{
		clear:both;
	}
	
	a.btn.btn-slider{
		text-align: left;
		padding-left: 17px;
	}

	.small-headerwidget{
		padding-top:25px;
		padding-bottom:auto;
	}

	.nav > li > a {
	    font-size: 11px;
	    padding: 10px 10px;
	}

	#myCarousel {
		overflow:hidden;
	}
	
	.carousel-control.left, .carousel-control.right, .carousel-indicators {
		display:none;
	}
		
	.carousel-caption {
		padding: 5px 10px;
		left:0;
		right:0;
		border-radius:0px;
	}

	.carousel-caption h1{
		font-size:35px;
		margin:0px;
	}
		
	.carousel-caption p {
		display: none;
	}

	.carousel-inner {
		overflow: hidden;
	}
	.carousel-inner img{
		width:100%;
	}

	#videofeature iframe{
		height:475px;
	}		
	
	.cta{
		margin-top:30px;
	}
		
	.cta h3{
		margin-top:10px;
		font-size:20px;
	}
		
	.content-block{
		margin-top:12px;
		margin-bottom:20px;
	}
		
	.container .jumbotron{
		padding:30px;
		margin-top:30px;
		margin-bottom:0px;
	}
	
	.jumbotron h1{
		margin-top:0px;
		font-size:40px;
	}
	
	.jumbotron p{
		font-size:18px;
	}
		
	#main .jumbotron{
		margin-top:10px;
	}
			
	#latest-media h3 {
	    margin-top: 15px;
	}	
	
	h1{
		font-size:35px;
	}
	
	h2{
		font-size:20px;
	}	
	
	#main h2{
		font-size:28px;
	}
	
	#main h3{
		font-size:18px;
	}
	
	#main h4{
		font-size:16px;
	}
		
	.navbar-header{
		float:none !important;
	}
	


}
/* END OF ipad CSS */



/*
DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */

@media(min-width: 992px) {
	/* mid size Desktop styles go here */

	.category article .media{
		margin-bottom:20px;
	}

	.ipad-clearfix{
		clear:none;
	}


	.nav>li>a {
		padding: 11px 13px;
		font-size:13px;
	}	

	#myCarousel{
		overflow:hidden;
	}

	.carousel-inner {
	    overflow: hidden;
	}
	
	.carousel-inner img{
		width:100%;
	}
		
	.carousel-caption {
		padding: 10px 20px 20px;
		left:15%;
		right:15%;
		border-radius:6px 6px 0 0;
	}

	.carousel-caption h1{
		font-size:30px;
	}
		
	.carousel-caption p {
	    display: block;
	}

	.carousel-control.left, .carousel-control.right, .carousel-indicators {
		display:block;
	}

	.content-block{
		margin-top:12px;
		margin-bottom:20px;
	}

	#videofeature iframe{
		height:275px;
	}	
		
	.cta{
		margin-bottom:0px;
	}
	
	.cta h3{
		font-size:18px;
	}
		
	#main h2{
		font-size:35px;
	}

	#main h3{
		font-size:18px;
	}
		
	.slider-box iframe{
		min-height:223px;
	}
	
	.slider-box .carousel.col-md-7 .carousel-inner > .item > IMG {
		height: 219px\9;
	}
	
	a.btn.btn-slider{
		height: 57px;
		font-size: 15px;
		padding-top: 16px;
		text-align: left;
		padding-left: 17px;
	}
	

}

.slider-box .widget_youtube_responsive h3 {
    display: none;
}
/* END OF MID SIZE CSS Desktop */


@media only screen and (min-width: 1200px) {
	/* Full sized Desktop styles go here */

	#myCarousel{
		overflow:hidden;
	}
	
	.carousel-inner {
		overflow: hidden;
	}
	
	.carousel-inner img{
		width:100%;
	}

	#videofeature iframe{
		height:305px;
	}	

	.slider-box iframe{
		min-height:269px;
	}
		
	.slider-box .carousel.col-md-7 .carousel-inner > .item > IMG {
		height: 265px\9;
	}

	/* larger buttons next to slider on 4fifths layout*/
	a.btn.btn-slider{
		height: 71px;
		font-size: 20px;
		padding-top: 19px;
		text-align: left;
		padding-left: 17px;
	}
}
/* END OF FULL SIZE CSS Desktop */