/* ------------------------------------
	Funky Shortcode Default CSS
------------------------------------ */

p:empty { display: none; } /* Empty p fix */

/*	Box
	================================================== */

.funky-box {
	clear: both;
	font-size: 13px;
	margin: 20px 0;
	padding: 1px 20px 20px;
	text-shadow: none;
}

	.funky-box p { margin: 20px 0 0; }

	.funky-box a {
		border: none;
		font-weight: 700;
	}

	.funky-box a:hover { text-decoration: underline }
	

/* Green box */

.funky-box.green-box {
	background-color: #DFF0D8 !important;
	color: #468847 !important;
}

	.funky-box.green-box a { color: #468847 !important; }

	
/* Red box */

.funky-box.red-box {
	background-color: #F2DEDE  !important;
	color: #B94A48 !important;
}

	.funky-box.red-box a { color: #B94A48 !important; }

	
/* Blue box */

.funky-box.blue-box {
	background-color: #D9EDF7 !important;
	color: #3A87AD !important;
}

	.funky-box.blue-box a { color: #3A87AD !important; }


/*	Button
	================================================== */

.funky-button,
.funky-button:visited {
	background: #FF0000;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #FFF;
	display: inline-block;
	font-weight: 700;
	line-height: 1em;
	margin: 20px 0;
	padding: 10px;	
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.funky-button:hover,
.funky-button:visited:hover {
	background: #FF0000;
	color: #FFF;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.50;
}

p > .funky-button { margin: 0; }
	
.funky-button.button-small {
	font-size: 0.75em;
	line-height: 0.75em;
}
.funky-button.button-large {
	font-size: 1.5em; 
	line-height: 1.5em; 
}

.funky-button.alignleft { margin-right: 5px; }
.funky-button.alignright { margin-left: 5px; }

.funky-button-center { text-align: center; }


/*	Clearboth
	================================================== */

.clearboth {
	background: none;
	border: none;
	clear: both; 
	display: block;
	height: 1px;
	margin: 0;
	width: 100%;
}
	
/*	Columns
	================================================== */

/* ---------- Columns ---------- */

.fourth,
.third,
.half,
.two-thirds,
.three-fourths {
	float: left;
	margin-right: 2%;
	min-height: 1px;
}

.end {	margin-right: 0 }

.fourth {    width: 23.5% }

.third {    width: 32% }

.half {    width: 49% }

.two-thirds {     width: 66% }

.three-fourths {    width: 74.5% }


/*	Divider
	================================================== */

hr.thick { border-width: 3px; }

hr, .hr {
    border: 0;
    border-bottom: 1px solid #666;
    clear: both;
	display: block;	
    height: 1px;
    margin: 1em 0;
    padding: 0;
}

.hr.top {
 background: none;
 height: auto;
 clear: both;
}

.top {
 font-size: 0.833em;
 line-height: 10px;
 position: relative;
 text-align: right;
 width: 93%;
}

	.top a {
		border: none;
		color: #666;
		display: block;
		height: 20px;
		padding-left: 17px;
		position: absolute;
		right: -40px;
		top: -5px;
		width: 20px;
	}

	.top a:hover { 
		color: #222; 
		text-decoration: none;
	}


/*	Dropcap
	================================================== */

.funky-dropcap:first-letter {
	font-weight: 700;
	font-style: normal;
	float: left;
	font-size: 5em;
	line-height: 0.8em;
	padding: 5px 10px 0 0;
	margin-left: -5px;
	color: #000;
}


/*	highlight
	================================================== */

.funky-highlight { 
	background: #FFFF00;
	color: #333;
	display: inline-block;
	padding: 0 5px;
}


/*	Page / Portfolio
	================================================== */
	
.funky-pages-image,
.funky-portfolio-image {
	height: 0;
	background: #000;
	background: rgba(0,0,0, 0.1); 
	padding-bottom: 66.55%;
}
	
	.funky-pages-image a,
	.funky-portfolio-image a { 
		display: block;
		line-height: 0;
	}
	
		.funky-pages-image img,
		.funky-portfolio-image img{
			height: auto;
			width: 100%;
		}
	

/*	Posts
	================================================== */

.funky-posts { margin: 20px 0 0; }

	.funky-posts article + article { margin: 10px 0 0; }
		
		.funky-posts .post-date {
			display: block;
			line-height: 1em;
		}


/*	Quotes
	================================================== */
	
blockquote.alignleft,
blockquote.alignright {
	box-sizing: border-box;
	padding: 0 20px;
	width: 49%;
}	

blockquote.alignleft { 
	float: left;	
	margin: 40px 20px 40px 0;	
}

blockquote.alignright { 
	float: right;
	margin: 40px 0 40px 20px; 
}


/*	Toggle / Accordion
	================================================== */

.funky-toggle-button { cursor: pointer; }

	.funky-toggle-title { margin: 0 }

.funky-toggle-content { margin-bottom: 20px; }

.js .funky-toggle-content { display: none; }

.js .funky-accordion .funky-toggle-content { display: block; }

.js .funky-accordion .funky-toggle-item + .funky-toggle-item > .funky-toggle-content { display: none; }


/* Mobile */
@media only screen and (max-width: 767px) {	
	
	.fourth,
	.three-forths,
	.third,
	.half,
	.two-thirds { 
		float: none !important;
		margin: 0;
		width: auto; 
	}
	
}