/*
 Theme Name:   Charlie Lovett Theme
 Theme URI:    http://charlielovett.com.au
 Description:  Charlie Lovett custom theme
 Author:       Tom Hunt
 Author URI:   http://example.com
 Template:     rosa
 Version:      1.0.0
 Tags:         
 Text Domain:  charlie-lovett-theme
*/


/* =Theme customization starts here
-------------------------------------------------------------- */


.right-aligned-title h1{

font-family: Veneer,Verdana,Geneva,sans-serif;
text-align: right;
font-size: 60px;
color: orange;
margin-top: -14px;
}

h1.veneer-title{
font-family: Veneer,Verdana,Geneva,sans-serif;
margin-bottom: 5px;
}

.right-align-text{
text-align: right;

}
iframe{

height:300px !important;

}

@font-face {
  font-family: 'Veneer';
  src: url('fonts/VeneerTwo.eot%3F') format('embedded-opentype'),  url('fonts/VeneerTwo.otf')  format('opentype'),
	     url('fonts/VeneerTwo.woff') format('woff'), url('fonts/VeneerTwo.ttf')  format('truetype'), url('fonts/VeneerTwo.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}



h1 {

	font-weight:500;
	margin-top: 42px;

}

.mainlogo{

	width:50%;

}

.branding-container{

	width:190px;

}

.navigation--main{

	float:none;

}

.headline__description{

	margin-top: 45px;

}


#post-15-title > div.flexbox > div > hgroup > div.grid__item{

	display: inline;
	padding-left: 0px;
	margin-left: 1%;
	float:left;
	width:49%

}

#post-15-title > div.flexbox > div > hgroup > div:nth-child(2){

	background-color:white;

}

#twitter-widget-0{

	height:300px;

}

.menu-item > li {

	color: #262526;
}

.menu-item > li:hover {

	color: #c59d5f;
}


#menu-item-431 > a{

	color: #c59d5f;

}

.menu-item-has-children:hover {

	/*background-color:white;*/
	color: #c59d5f;

}

#menu-item-431 > ul {

	background-color:white;

}

#menu-item-431 > ul > li > a {


	color: #c59d5f

}

.sub-menu{

	min-width: 168px;

}

.headline__secondary{

	font-family:Veneer,Verdana,Geneva,sans-serif;
	margin-bottom:0px;
}

/*This defines the bar all the way to the edge of the screen for the title, Article header is because there was an odd margin in Mobile View*/
.headline__primary{

	font-family:Veneer,Verdana,Geneva,sans-serif;
	padding-left:127px;
	background:rgba(56,34,37,0.46);
	color:white;
	font-size:100px;
	letter-spacing: 0px !important;
	

}

@media only screen and (max-width: 899px)
.article__header.article__header--page {
padding: 0;
}

.flexbox__item{

	text-align:left!important;

}

.flexbox__item_centered{
 
  text-align: center;
  display: table-cell;
  vertical-align: middle !important;
}

.alignright{

float:right;

}
/* 
*Hacky way to ensure that the sitelogo is always centered, 
*this should be loaded after, and more specific than the previous flexbox item
*/
.flexbox__item, .site-logo {
 }

/*This is used to ensure that the grid of contact information displays evenly by giving them the same height.*/
 
.height{

	height:270px;

}


/*Tab Styles*/

.tabscontainer{
			width: 400px;
		}



		ul.tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		ul.tabs li{
			background: none;
			color: #222;
			display: inline-block;
			padding: 10px 15px;
			cursor: pointer;
		}

		ul.tabs li.current{
			background: #ededed;
			color: #c59d5f !important;
		}

		.tab-content{
			display: none;
			background: #ededed;
			padding: 15px;
		}

		.tab-content.current{
			display: inherit;
		}

.contactuscontent.current{
	display:inherit;
}
		
.contactuscontent{

	display:none;

}

/*Hack to get the FB Like Box to display with a white background.*/		
#antimargin > div > div:nth-child(2) > iframe{

	background-color:white;	

}

#antimargin{

transform: matrix(1, 0, 0, 1, 0, 0) !important;

}

.container{

	margin: 0 auto 0 100px;

}

.centered-content{

	margin: 0 auto 0 auto;

}

.copyright-text{
text-align: left;
}

.page .type-page .article__content {
	padding-top: 28px;
	padding-bottom:28px;
}

.grid__item > p{

	margin-bottom:5px;

}

.navigator{

	display:none;

}

/*News Box Styles
Because here we tweak the four-twelfths grid rule, we need to define all this before we add our custom mobile styles.
*/
.news-date{
color:orange;
}

.news-body{

margin-bottom: 15px;

}

.news-headline h3 {

	margin-bottom: 0px;
	margin-top: 0px;

}

.news-picture{

	width: 33%;
	display: block;
	margin: 0px;
	float: left;
	margin-right: 5px;

}

.news-picture img{

	display:block;

}

.four-twelfths{

	width:32.333%;

}

.centered-text{

	text-align:center;

}

.news-content{

	display: block;
	float: left;
	width: 64%;

}


/*MOBILE STYLES*/

@media only screen and (max-width: 899px){
	.container{

			margin: 0 auto 0 auto;
			padding: 0 5px;

	}

	.headline__primary {
		padding-left: 0px
	}
	
	h1.headline__primary{
		font-size:67px;
	}
	
	.palm-one-whole > div.height > a  > img{
		width:100%;
	}
	
	/*reset the palm-one-whole style so that the responsive fallback to this style still works*/
	.palm-one-whole{
	
		width:100%;
	}

}

/*RESPONSIVE IFRAME STYLES*/

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

.frame-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/*Menu Hack - Take out once menu smaller*/

.container{

max-width: 1306px;
}

/* New Idea for showing stores */


.centre-text-medium{
		 padding: 20% 0;
}

.centre-text-small{
		 padding: 7% 0;
}

.centre-text-tiny{
		 padding: 3% 0;
}

.centre-title{
		text-align:center;
}

.img-title{

		  position: absolute;
		  top: 50%;
		  transform: translateY(-50%);
		  background: rgba(56,34,37,0.46);
		  z-index:99;
		  color:white;
		  font-family: Veneer,Verdana,Geneva,sans-serif;
		  font-size: 40px;
		  padding: 0 10px 0 5px;

}

.anchor{
		display: block;
		position: relative;
		top: -100px;
		visibility: hidden;
}

.alone-title{
		  top: 50%;
		  z-index:99;
		  font-family: Veneer,Verdana,Geneva,sans-serif;
		  font-size: 30px;
		  padding: 24px 10px 0 5px;
}

.alone-title a:not([class]){
		  border-bottom: none;
}

.remove-space p{
		max-height: 5px;
		margin-bottom: 2px;
		font-size: 0px;
}

.equal-space .grid__item{
		padding-left: 0px;
		width: 24%;
}

.equal-space img{
		padding-left: 10px;
		padding-bottom: 10px;
		padding-right: 10px;
		padding-top: 10px;
}


/*MOBILE STYLES for new homepage*/

@media only screen and (max-width: 899px){

	.alone-title{
		  top: 50%;
		  z-index:99;
		  font-family: Veneer,Verdana,Geneva,sans-serif;
		  font-size: 40px;
		  padding: 0 10px 0 5px;
	}

	.equal-space{
		padding-left: 50px;
	}

	.equal-space .grid__item{
		padding-left: 0px;
		width: 30%;
	}

	.equal-space img{
		padding-left: 10px;
		padding-bottom: 10px;
	}

}

/* ------------- */

.relativecontainer{

position:relative;
text-align: left;

}

.article__headline{

transform: matrix(1, 0, 0, 1, 0, 0) !important;

}

.divider{
height:0px;
display:block;
}

.closecontent  .grid__item{

padding:5px 5px 5px 0px;
text-align: left;

}

.closecontent p{

margin-bottom:0px;

}

.closecontent  .pixcode--grid{

margin-left:0px;

}

.sidebyside{

display: inline;


}

@media only screen and (max-width: 899px){

	.sidebyside .palm-one-whole{

	width:49%;
	display:inline-block;

	}
}

#button-row{
	text-align:center;
}

.location-button{
	font-weight: 600;
	color: #c59d5f;
	cursor: pointer;
font-size: 41px;
padding: 0px 50px 4px 50px;
font-family: Veneer,Verdana,Geneva,sans-serif;
}

.location-button.current{
	/*text-decoration: underline;*/
background-color:#c59d5f;
color:white;

	}

.contact-details{

	word-wrap: break-word;

}

.smaller-heading h2{

	font-size: 30px !important;
	text-align: center;
	/*height: 203px;*/
	font-family: "Source Sans Pro", Georgia, serif;
	
	
	
}

.smaller-heading{

	display: block;
	border: solid 2px;
	padding: 5px;
	width: 65%;
	height: 386px;
	margin: 0 auto;

}

.float-left{

float:left;

}

.float-right{

float:right;

}

.smaller-heading .article__headline{

margin-bottom:5px;

}

.button-box{

display: inline-block;

}

.smaller-heading .headline__secondary .first-letter{
font-size: inherit;
top:0px;
}

.subtitle__subtitle  > hgroup > h2{

font-size: 25px !important;
font-weight:300;

}

.img_center{

width:375px;
margin:0 auto;
display: block;

}

.img_center img{

width: 375px;
height: 300px

}

h2:nth-child(1){

font-weight:800;

}

/*Coffee Page Styles */

.coffeecontent h1{

	margin-bottom:0px;

}

.coffeecontent h2{

	margin-bottom:0px;
	padding-left: 48px;


}

.coffeecontent h3{

	margin-bottom:0px;

}

.centered-title{

	text-align: center;

}

.singleo-height{
	height: 125px;
	display:block;
}		

.microlot-height{	
	height: 260px;
	display: block;
}

h3.centered-title{
	margin-top: 3px;
}

#coffee-page-blurb{

	font-family: "Source Sans Pro", Georgia, serif;
	font-weight: 800;
	font-size:20px;
	width: 674px;
	display:block;
	margin:0 auto;

}

.coffee-hr-header{

float:right;
margin-top:0px;
}
.coffee-hr-header h2{

	margin-top:0px;
	color:rgba(222, 128, 28, 1);
}

.coffeecontent hr{

	width:100%;
	margin-bottom:5px;
}

.coffee-section-title{

	-webkit-transform: rotate(-90.0deg);  /* Safari 3.1+, Chrome */
    transform: rotate(-90.0deg) translateY(-50%);  /* Standard */
	display:flex;
	
	position: relative;
	top: 50%;

}

.seperator1{

width:100%;
display:block;
height:36px;

}

.top42{

margin-top:42px;
position: relative;
text-align: left;

}


#fc h2{
text-transform: none;
margin-bottom:15px;
}

#fc h3{
text-transform: none;
margin-bottom:15px;
}

#fc h4{
text-transform: none;
margin-bottom:15px;
}

#fcdiv{
font-size:15pt;    
}    

.buttonx{
background-color:#dc143c;
}

.buttonx:hover{
background-color:#d30a32;
}