/******************************************************************
Theme Name: Content Is King
Theme URI: http://www.clientcomm.com.au
Description: A Wordpress theme for Clientcomm based on Brew
Author: Sol1
Author URI: http://www.sol1.com.au
Version: 14
Tags: flexible-width, translation-ready, microformats, rtl-language-support
License: WTFPL
License URI: http://sam.zoy.org/wtfpl/
Are You Serious? Yes.

BREW'S README:

MAKE SURE TO READ BELOW BEFORE GETTING STARTED FOR THE FIRST TIME!
------------------------------------------------------------------

You may be thinking…

WHOA, WHOA, WHOA…WHAT HAPPENED HERE?

But before you freak out, let me take a few minutes to explain.

Bones now uses LESS or Sass by default. If you prefer
using regular CSS, then feel free to modify this theme how you like
and keep a copy as your own personal starting point.

DON'T DISMISS IT JUST YET THOUGH, USING LESS or Sass ISN'T AS
COMPLICATED AS YOU THINK.

It does take a few minutes to wrap your head around, but it will all
be worth it. Need a quick intro? Here are a few quick reads:

http://cognition.happycog.com/article/preprocess-this
http://coding.smashingmagazine.com/2011/09/09/an-introduction-to-less-and-comparison-to-sass/

I would HIGHLY RECOMMEND, if you are going to be working with
LESS or Sass, that you work locally. Sass isn't readable by a browser
and using a LESS js file to parse it on live sites can make your site sluggish.

That being said, here are a few MUST HAVE TOOLS for working with a
pre-processor: (You really only need one of them)

CodeKit: (Highly Recommended)
http://incident57.com/codekit/

LESS App:
http://incident57.com/less/

Compass App: (Windows / Mac Users)
http://compass.handlino.com/

SimpLESS: (Windows Users)
http://wearekiss.com/simpless

WinLESS: (Windows Users)
http://winless.org/

These applications compile LESS or Sass into valid CSS. This
way you can keep your production files easy to read and your
CSS minified and speedy. Simply set the output to the
library/css folder and you are all set. It's a thing of beauty.

---------------------------------------------------------------

Remember, once you download Bones it's up to you how to use it,
so go nuts. Set things up and develop in a way that's easiest for
you. If LESS/Sass is still a bit confusing for you, then remove them
and customize this template as you see fit.

If you're frustrated with this new direction and don't like change,
take a few minutes and think about how much better a developer you 
can become by just TRYING out new technologies. It may be tough at 
first but it WILL make you a better developer. TRUST ME ON THIS. Give
it a week, maybe two, and you will never go back.

Happy Developing!

******************************************************************/

/* STANDARD STYLES */



body{
	padding-top:0px;
	background-color:#FFF;
}

a.dropdown-toggle:hover + ul.dropdown-menu,
ul.dropdown-menu:hover { 
	display: block; 
}


.my-resized-recaptcha {
	transform: scale(0.80);
	-webkit-transform:scale(0.80);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}


.page-template-page-nomargin #content{
	margin-top: 0px !important;
}

.caret{
	display:none;
}
#single-post-nav{
	display: none;

}

.fluid-width-video-wrapper{
	
	padding-bottom: 20px;
}

.navbar{
	border-top:0px;
	border-bottom:0px;
	border-radius:0px;
	margin-bottom:0px;
	text-transform:uppercase;
	border:0px;
}


.navbar-toggle {
    	background-color: #eee;
    	border: 1px solid #ccc;
    	margin-right: 0px;
    	margin-top: 22px;
    	margin-bottom: 0px;
}

.navbar-toggle .icon-bar {
    background-color: darkgrey;
}

.dropdown-menu{
	border:0px;
	padding:0px;
	border-radius:0px;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    	background-color: #87CFF0;
}

.dropdown-menu > li > a {
    	padding: 6px 10px;
}

.logo{
	//margin-top:22px;
	margin-bottom:15px;
}

.logo img{
	max-width:100%;
	height:inherit;
}

.phone{
	text-align:right;
	line-height:initial;
}


.socials a{
	width:32px;
	height:32px;
	float:left;
	margin-left:4px;
	background-size:contain;
}

.socials .facebook{
	background-image:url(library/images/socials/facebook-light-64.png);
}
.socials .twitter{
	background-image:url(library/images/socials/twitter-light-64.png);
}
.socials .linkedin{
	background-image:url(library/images/socials/linkedin-light-64.png);
}
.socials .googleplus{
	background-image:url(library/images/socials/google-light-64.png);
}
.socials .youtube{
	background-image:url(library/images/socials/youtube-light-64.png);
}
.socials .vimeo{
	background-image:url(library/images/socials/vimeo-light-64.png);
}
.socials .instagram{
	background-image:url(library/images/socials/instagram-light-64.png);
}
.socials .pinterest{
	background-image:url(library/images/socials/pinterest-light-64.png);
}

#header.header{
	border-top:5px solid #fff;
}

#header .socials ul{
	float:right;
	display: block;
	margin-bottom:15px;
	padding-left:0px;
}

#header .socials li{
	display: inline-block;
}

#header .widgettitle{
	display:none;
}

#content {
    	padding-top: 0px;
    	margin-bottom: 30px;
}

.hentry, #comments, .respond-form{
	margin:0px;
	box-shadow:none;
	border:0px;
}

.entry-content {
    padding: 0px;
}
.entry-content p{
	margin-bottom:18px;
}


.hero-slider .wpb_content_element{
	margin-bottom:0px;
}

.vc_tta-tabs.vc_tta-has-pagination .vc_pagination {
    margin-top: 15px;
    margin-bottom: 15px;
}


.stock-ticker{
	display: block;
}


.stocks-container {
    border-bottom: 0px solid #d5d5d5;
    padding: 5px 0px;
    height: 32px;
    background: transparent;
}




#footer{
	background-position:top center;	
	background-size: cover;
	border-top:0px;
	padding-top:30px;
	margin-top:0px;
}

#footer .widget{
	margin-bottom:25px;
}

#footer-wrapper {
    	margin-bottom: 0px;
}

#footer .socials ul li{
	padding:0px;
}

#footer .socials a{
	float:left;
	margin-right:3px;
	margin-left:0px;
	margin-bottom:4px;
}

#footer img{
	max-width:100%;
}

#footer ul{
	display: block;
}

#footer ul li{
    padding: 10px;
    border-bottom: 0px;
    display: inline-block;
}

#sub-floor{
	color:#ccc;
	background:#FFF;
	padding:10px 0px;
}

.copyright{
	padding-top: 14px;
}

input, textarea{
	width:100%;
    padding: 2px 6px;
    border:1px solid #ccc;
   	border-radius: 2px;
   	color:#666;
}



.news-posts p{
	margin-bottom:0px;

}


.news-posts .vc_gitem_row .vc_gitem-col{
	padding:0px;
}

.news-posts .vc_gitem-post-data{
	margin-bottom:0px;
}



/* END OF STANDARD STYLES */






/* CUSTOM HEADER 1 STYLES */

body.cik-header-1{
	padding-top: 0px;
	background-color:#FFF;
}

.cik-header-1 #header .header{
	background-color:#FFF;
}

.cik-header-1 #header .navbar-toggle{
    	margin-right: 15px;
    	margin-top: 8px;
    	margin-bottom: 0px;
}

.cik-header-1 #header .navbar{
	//background-color:#f7f7f7;
}


.cik-header-1 #header .navbar .navbar-nav > .active > a, 
.cik-header-1 #header .navbar .navbar-nav > .active > a:hover, 
.cik-header-1 #header .navbar .navbar-nav > .active > a:focus,
.cik-header-1 #header .current-menu-parent,
.cik-header-1 #header li.current-menu-parent > a {

}


/* END OF HEADER 1 STYLES */



/* CUSTOM HEADER 2 STYLES */

body.cik-header-2  {
	padding-top:55px;
	
}

.cik-header-2 .navbar-fixed-top {
    	top: 0px;
	border-top: 5px solid;
}
.cik-header-2 #header .navbar-toggle{
    	margin-right: 15px;
    	margin-top: 8px;
    	margin-bottom: 0px;
}

.cik-header-2 #header{
	display:block;
}

.cik-header-2 #header.header{
	-webkit-transition: all 0.3s;
    	-moz-transition: all 0.3s;
   	-ms-transition: all 0.3s;
    	-o-transition: all 0.3s;
    	transition: all 0.3s;
}



.cik-header-2 #header .logo{
	padding-left:0px;
}

.cik-header-2 #header .details{
	padding-right:0px;
}


.cik-header-2 #header .socials ul{
	float:right;
}

.cik-header-2 #header .socials li{
	display: inline-block;
}



/* END OF HEADER 2 STYLES */










/* CUSTOM HEADER 3 STYLES */



.home #content {
	margin-top:0px;
	margin-bottom: 0px;
}

.cik-header-3 .navbar-fixed-top {
    	top: 0px;
}

.cik-header-3 #header.header{
	-webkit-transition: all 0.3s;
    	-moz-transition: all 0.3s;
    	-ms-transition: all 0.3s;
    	-o-transition: all 0.3s;
   	 transition: all 0.3s;
}



.cik-header-3 #header .logo{
	padding-left:0px;
}

.cik-header-3 #header .details{
	padding-right:0px;
}

.cik-header-3 #header .navbar{
	background-color:transparent;
}


.cik-header-3 #header .navbar-nav > li > a{
	padding-bottom: 9px;
}

.cik-header-3 #header .navbar .navbar-nav > .active > a, 
.cik-header-3 #header .navbar .navbar-nav > .active > a:hover, 
.cik-header-3 #header .navbar .navbar-nav > .active > a:focus, 
.cik-header-3 #header .navbar-nav > li.open > a,
.cik-header-3 #header .nav > li > a:hover, .cik-header-3 .nav > li > a:focus,
.cik-header-3 #header .navbar .nav li.current-menu-parent > a,
.cik-header-3 #header .navbar .nav li.current-menu-ancestor > a{
	border-bottom: 6px solid;		
	background-color:transparent;
}
.cik-header-3 #header .navbar .nav .dropdown-menu li.current-menu-parent > a{
	border-bottom: 0px;
}

.cik-header-3 #header .phone{
	text-align:right;
	margin-bottom:0px;
}

.cik-header-3 #header .socials ul{
	float:right;
	margin-bottom:0px;
}

.cik-header-3 #header .socials li{
	display: inline-block;
}

.cik-header-3 #header .socials li a{
	margin-bottom:0px;
}

/* END OF HEADER 3 STYLES */














/* MOBILE STYLES */

@media (max-width: 767px) {


.navbar-fixed-top{
	position:relative;
}

.navbar-nav{
	margin:0px -15px;
}

.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
    	padding: 8px 15px 8px 15px;
}



	/* CUSTOM HEADER 1 MOBILE STYLES */

		.cik-header-1 #header .navbar-collapse{
			background-color: rgba(255, 255, 255, 1);
		}
	/* END OF HEADER 1 MOBILE STYLES */

	/* CUSTOM HEADER 2 MOBILE STYLES */
		body.cik-header-2  {
			padding-top:0px;
	
		}
		.cik-header-2 #content{
			margin-top: 15px;
		}

	/* END OF HEADER 2 MOBILE STYLES */


	/* CUSTOM HEADER 3 MOBILE STYLES */

		.cik-header-3 #header .navbar-collapse > .nav > li > a, 
		.cik-header-3 #header .navbar-collapse > .nav > li.active > a,
		.cik-header-3 #header .navbar-collapse > .nav > li.active > a:hover,
		#dropdown-menu > li > a{
			border-bottom:0px;
		}


		.cik-header-3 #header .dropdown-menu{
			padding:0px;
		}


		.cik-header-3 #header .socials ul{
			padding-left:0px;
		}

		.cik-header-3 #content{
			margin-top: 15px;

		}
		

	/* END OF HEADER 3 MOBILE STYLES */

	.home #content{
			margin-top: 0px;
	}


} /* END MEDIA */











/* TABLET STYLES */

@media (min-width: 768px) {



#header .navbar .navbar-nav{
	background-color:transparent;
}

.nav > li > a {
    	padding-right:10px;
	padding-left:10px;
	font-size:13px;
}





	/* CUSTOM HEADER 1 TABLET STYLES */

	.cik-header-1 .phone {
    		font-family: 'Roboto', sans-serif;
    		font-weight: 400;
    		font-size: 25px;
    		line-height: 25px;
	}


	/* END OF HEADER 1 TABLET STYLES */

	/* CUSTOM HEADER 2 TABLET STYLES */


	/* END OF HEADER 2 TABLET STYLES */


	/* CUSTOM HEADER 3 TABLET STYLES */
		.cik-header-3 #header{
			margin-bottom: 20px;
		}
		.cik-header-3 #header .socials ul{
			
			padding-left:0px;
		}

	/* END OF HEADER 3 TABLET STYLES */


} /* END MEDIA */











/* SMALL DESKTOP STYLES */

@media (min-width: 992px) {



.widgetFooter {
    	padding-bottom: 25px;
}

.nav > li > a {
    padding-right:10px;
	padding-left:10px;
	font-size:13px;
}





	/* CUSTOM HEADER 1 SMALL DESKTOP STYLES */


	/* END OF HEADER 1 SMALL DESKTOP STYLES */


	/* CUSTOM HEADER 2 SMALL DESKTOP STYLES */


	/* END OF HEADER 2 SMALL DESKTOP STYLES */


	/* CUSTOM HEADER 3 SMALL DESKTOP STYLES */

		.cik-header-3 #header .socials ul{
			
		}

	/* END OF HEADER 3 SMALL DESKTOP STYLES */


} /* END MEDIA */











/* LARGE DESKTOP STYLES */

@media (min-width: 1200px) {

.nav > li > a {
    padding-right:12px;
	padding-left:12px;
	font-size:15px;
}




	/* CUSTOM HEADER 1 DESKTOP STYLES */


	/* END OF HEADER 1 DESKTOP STYLES */


	/* CUSTOM HEADER 2 DESKTOP STYLES */


	/* END OF HEADER 2 DESKTOP STYLES */


	/* CUSTOM HEADER 3 DESKTOP STYLES */


	/* END OF HEADER 3 DESKTOP STYLES */


} /* END MEDIA */