/*
Theme Name: Zuli
Author: Matt Bateman
Version: 0.0.1
Text Domain: zc
*/

/*
 * ============================================================
 * Globals Styles
 * ============================================================
 */
.lower_case {
	text-transform:		lowercase !important;
}
.upper_case {
	text-transform:		uppercase !important;
}
.normal_case .main-title a,
.normal_case .main-title,
.normal_case article.page h1,
.normal_case article.page h2,
article.page .normal_case h1,
article.page .normal_case h2,
.normal_case h1,
.normal_case h2,
h1.normal_case,
h2.normal_case,
.normal_case {
	text-transform:		none !important;
}
.italic {
	font-style:		italic;
}

hr  {
	display:		block;
	height:			1px;
	margin-top:		10px;
	margin-bottom:		10px;
	margin-left:		auto;
	margin-right:		auto;
	background-color:	#ccc;
}

html,
html a {
#	-webkit-font-smoothing: antialiased !important;
}
html {
        height:			100%;
}
body * {
	-ms-word-wrap:		normal;
	word-wrap:		normal;
	word-break:		normal	!important;

}
body {
        font-family:		'open sans', 'HelveticaNeue', 'Helvetica Neue', arial, Helvetica,  sans-serif;
        font-size:		13px;
        line-height:		1.6;
        background-color:	#fff;
        color:			#777;
        overflow-x:		hidden;
}

p {
        font-size:		13px;
	bottom-margin:		11px;
}

h1, h2, h3, h4, h5, h6 {
        font-family:		'open sans', 'HelveticaNeue', 'Helvetica Neue', arial, Helvetica,  sans-serif;
}
h1.main-title a,
h1.main-title {
	color:			#9a9a9a;
	font-size:		30px;
	font-weight:		normal;
	margin-top:		0px	!important;
	margin-bottom:		40px	!important;
	padding:		0 0 0 0	!important;
	line-height:		1em;
	text-transform:		lowercase;
}
h1.post-title a,
h1.post-title {
	color:			#006a8e;
	font-size:		22px;
	font-weight:		normal;
	margin-bottom:		0px;
	line-height:		1.4em;
}
h1.post-title:before {
	font-family:		FontAwesome;
	content:		'\f27b';
}
.zc_iconbox i,
h1.post-title:before,
h1 i,
h2 i {
	color:			#fff;
	background-color:	#8ece00;
	line-height:		1em	!important;
	margin:			0 10px 0 0;
	padding:		10px;
	font-size:		24px	!important;
	width:			44px;
	border-radius:		44px;
	-webkit-border-radius:	44px;
	-moz-border-radius:	44px;
	-o-border-radius:	44px;
	text-align:		center;
}
h3 i {
	color:			#fff;
	background-color:	#8ece00;
	line-height:		1em	!important;
	margin:			0 8px 0 0;
	padding:		5px;
	font-size:		16px	!important;
	width:			26px;
	border-radius:		26px;
	-webkit-border-radius:	26px;
	-moz-border-radius:	26px;
	-o-border-radius:	26px;
	text-align:		center;
}
h1.portfolio-title a,
h1.portfolio-title a,
h1.portfolio-title {
	color:			#9a9a9a;
	font-size:		18px;
	font-weight:		normal;
	margin-bottom:		10px;
	line-height:		1.4em;
	text-transform:		none	!important;
}
h1 a,
h1 {
	color:			#006a8e;
	font-size:		22px;
	font-weight:		normal;
	margin-bottom:		0px;
	line-height:		1.4em;
}
.sow-headline h1 a:hover {
	color:			#8ece00;
}
.sow-headline h1 a {
	color:			inherit;
}
.sow-headline h1 a,
.sow-headline h1 {
	text-transform:		lowercase	!important;
	font-size:		28px;
}
.sow-headline h3 {
	font-size:		20px;
	padding-top:		10px;
	padding-bottom:		10px;
}
h2 a,
h2 {
	color:			#006a8e;
	font-size:		19px;
	font-weight:		normal;
	margin-bottom:		10px;
	line-height:		1.4em;
}
h3 a,
h3 {
	color:			#555;
	font-size:		16px;
	font-weight:		normal;
	margin-bottom:		8px;
	line-height:		1.4em;
}
h4 a,
h4 {
	color:			#0093b2;
	font-size:		14px;
	font-weight:		normal;
	margin-bottom:		8px;
	line-height:		1.2em;
}
h5 a,
h5 {
	color:			#555;
	font-size:		12px;
	font-weight:		normal;
	margin-bottom:		8px;
	line-height:		1.2em;
}
h6 a,
h6 {
	color:			#555;
	font-size:		10px;
	font-weight:		normal;
	margin-bottom:		8px;
	line-height:		1.2em;
}

h3.widget-title {
	text-transform:		lowercase;
}
h3.widget-title .first_word {
	color:			#8ece00;
}
.zc_footer {
	background-color:	#555;
}
.zc_footer h3.widget-title {
	color:			#fff;
}
.zc_footer h3.widget-title .first_word {
	color:			#8ece00;
}
body.home .entry-content .textwidget p {
	font-size:		18px;
}

article.page .indent,
article.post .date,
article.post .entry-content {
	padding-left:		59px;
}

article.page h1,
article.page h2 {
	text-transform:		lowercase	!important;
}
article.page .indent h1 > i,
article.page .indent h2 > i {
	margin-left:		-58px;
}
article.page .intro_text {
	font-size:		16px;
	margin-bottom:		30px;
}
article.page .indent .intro_text {
	margin-left:		-58px;
}

/*
 * ==================================================================
 * Colors and fonts
 * ==================================================================
 */

a {
	color:			#0093b2;
}
a:hover {
	color:			#8ece00;
}

.zc_main_menu {
	margin-top:		10px;
}
.zc_header {
	background-color:	#fff;
}
.zc_header.header_fixed {
        background-color:       rgba(255,255,255,0.9)    !important;
}

.zc_header .zc_contact_info, 
.zc_header #cssmenu a,
.zc_header .zc_social_icons a,
.zc_header .zc_social_icons a:visited {
	color:			#777;
}

.zc_header .zc_social_icons a:hover,
.zc_header #cssmenu a:hover {
	color:			#8ece00;
}

#cssmenu > ul > .current_page_ancestor > a ,
#cssmenu > ul > .current_page_item > a {
        box-shadow:             inset 0 -3px 0px -0px #8ece00;
        -webkit-box-shadow:     inset 0 -3px 0px -0px #8ece00;
        -moz-box-shadow:        inset 0 -3px 0px -0px #8ece00;
        -o-box-shadow:          inset 0 -3px 0px -0px #8ece00;
}

.zc_header .hide-menu-text span {
	display:	none;
}
.zc_footer {
}
.zc_footer_widgets a,
.zc_footer_widgets {
	color:			#fff	!important;
	background-color:	#555;
	padding-bottom:		10px;
}
.zc_footer_widgets a:hover {
	color:			#f00	!important;
}
.zc_footer_widgets p {
	font-size:		12px;
}
.zc_footer_misc {
	text-align:		center;
	color:			#fff;
	background-color:	#555;
}

.zc_footer .zc_social_icons a,
.zc_footer .zc_social_icons a:visited,
.zc_footer #plainmenu a,
.zc_footer #plainmenu a:visited {
	color:			#fff;
}

.zc_footer .zc_social_icons a:hover,
.zc_footer #plainmenu a:hover {
	color:			#8ece00;
}
.zc_footer .copyright p {
	font-size:		10px;
}

.footer_contact .email,
.footer_contact .phone {
	font-size:		13px;
	line-height:		1.4em;
}
.footer_contact .label {
	font-weight:		bold;
}
.footer_contact .address_block {
	margin-top:	10px;
}

.right_sidebar {
	Xbackground-color:	#ccc;
}
/* Portfolio */
#takira_mix_it_up .mix{
        display: none;
        position: relative;
        min-height: 1px;
        width: 20%;
        text-align: center;
        margin-bottom: 20px;
        min-width: 220px;
 }
.takira_portfolio_title {
        line-height:    1.1em !important;
        padding-top:    40%;
}

body.single-portfolio .fr-images-flip img:hover {
        zoom:           1.0;
        -ms-filter: grayscale(1);
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(1);
        -o-filter: grayscale(1);
        filter: grayscale(1);
        -ms-transform: scale(1.0, 1.0);
        transform: scale(1.0, 1.0);
        -moz-transform: scale(1.0, 1.0);
        -o-transform: scale(1.0, 1.0);
        -webkit-transform: scale(1.0, 1.0);
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
        transform: scale(1.0, 1.0);
        -moz-transform: scale(1.0, 1.0);
        -o-transform: scale(1.0, 1.0);
        -webkit-transform: scale(1.0, 1.0);


}

.filter_container .active {
        border:         none;
        box-shadow:             inset 0 -3px 0px -0px #8ece00;
        -webkit-box-shadow:     inset 0 -3px 0px -0px #8ece00;
        -moz-box-shadow:        inset 0 -3px 0px -0px #8ece00;
        -o-box-shadow:          inset 0 -3px 0px -0px #8ece00;
}

.filter_container .filter {
        text-transform:         lowercase;
        font-size:              16px;
        padding-left:           0;
        padding-right:          0;
        margin-left:            .6em;
        margin-right:           .6em;
}

/* Icons */
.zc_iconbox .iconbox_text {
	display:		block;
}
.zc_iconbox .iconbox_icon ,
.zc_iconbox .iconbox_headline { 
	display:		inline-block;
}
.zc_iconbox.stacked .iconbox_icon ,
.zc_iconbox.stacked .iconbox_headline ,
.zc_iconbox.stacked .iconbox_text {
	text-align:		center;
	display:		block;
}
.zc_iconbox.stacked i {
	margin-right:		0;
	padding:		15px;
	font-size:		40px	!important;
	width:			70px;
	border-radius:		70px;
	-webkit-border-radius:	70px;
	-moz-border-radius:	70px;
	-o-border-radius:	70px;
}
.zc_iconbox.stacked .iconbox_headline h2 a,
.zc_iconbox.stacked .iconbox_headline h2 {
	font-size:		24px;
	margin:			0 0 0 0;
	padding-top:		10px;
}
.zc_iconbox .iconbox_text {
	margin-top:		10px;
}
.zc_iconbox .iconbox_text,
.zc_iconbox .iconbox_text p {
	font-size:		16px;
}
.zc_iconbox a {
	color:			#fff;
}
.zc_iconbox a:hover h2 {
	color:			#8ece00;
}
.zc_iconbox a:hover i {
	background-color:	#8ece00;
}
*/

/* Select Boxes */
select {
	width:40%;
	min-width:200px;
	border:			1px solid #ccc;
	background-color:	#fff;
	color:			#999;
	padding:		6px 4px;
	font-size:		12px;
	-webkit-appearance: none;
	-moz-border-radius: 0px; -webkit-border-radius:0px; border-radius:0px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);
	background-position: center right;
	background-repeat: no-repeat;
}
.zc_footer select {
	#width:			180px;
	#background-color:	#777;
}
.page_pagination {
	text-align:		center;
}
.page_pagination a,
.page_pagination span {
	padding:	10px 5px;
}
/* Page Builder */
.panel-grid h1,
.panel-grid h2,
.panel-grid h3,
.panel-grid {
	margin-top:	0 !important;
	margin-bottom:	0 !important;
}
.panel-widget-style {
	#padding-top:		25px;
	#padding-bottom:		25px;
}
#pl-12 .panel-grid-cell .so-panel { margin-bottom:0px !important; }
/* Testimonials */
blockquote.easy_testimonial {
	border-bottom:		1px solid #ccc;
}
.testimonial_body :first-child::before {
	content:		'\f10d';
	font-family:		FontAwesome;
	margin-right:		10px;
	color:			#0093b2;
}
.testimonial_body :last-child::after {
	content:		'\f10e';
	font-family:		FontAwesome;
	margin-left:		10px;
	color:			#0093b2;
}
.testimonial_author span.testimonial-client {
	display:		block;
}
.testimonial_author span.testimonial-position {
	display:		inline-block;
}
.testimonial-client::after {
	font-family:		FontAwesome;
	content:		'\f27b';
	vertical-align:		50%;
	margin-left:		5px;
}
/* Home Page Testimonials */
.home_testimonials {
	text-align:		center;
}
.home_testimonials .cycle-slideshow {
	padding:	0 0 0 0;
	margin:		0 0 0 0;
}
.home_testimonials blockquote.easy_testimonial {
	min-height:		150px	!important;
	margin:			0 0 0 0	!important;
	padding:		0 0 0 0	!important;
	border-bottom:		none;
}
.home_testimonials .cycle-slideshow .testimonial_body p {
	font-style:		italic;
	font-size:		16px;
	line-height:		1.2em;
}
.home_testimonials .cycle-slideshow .testimonial_body :first-child::before ,
.home_testimonials .cycle-slideshow .testimonial_body :last-child::after {
	color:			#fff;
#	font-size:		20px;
}
.home_testimonials .testimonial-client::after {
#	font-size:		30px;
}

article.post {
	border-bottom:		1px solid #ccc;
	margin-bottom:		30px;
}
/*
body.archive article h1,
body.category article h1, 
body.blog article h1 {
	background-color:	#0093b2;
	width:			100%;
	line-height:		2em;
	padding-left:		20px;
}
body.archive article h1 a,
body.category article h1 a,
body.archive article h1 a:visited,
body.category article h1 a:visited,
body.blog article h1 a,
body.blog article h1 a:visited
{
	color:			#fff;
}

body.archive article h1 a::before,
body.category article h1 a::before,
body.blog article h1 a::before {
	font-family:		FontAwesome;
	font-size:		30px;
	content:		'\f27b';
	margin-right:		10px;
}
*/
article th {
	text-align:		center;
	background-color:	#0093b2;
	color:			#fff
}
article td {
	border:			1px solid #ccc;
}
article .date {
	color:			#9a9a9a;
	font-style:		italic;
	font-size:		10px;
}
article img.alignright {
	margin-left:		20px;
	margin-bottom:		20px;
}
article img.alignleft {
	margin-right:		20px;
	margin-bottom:		20px;
}
article ul.center {
	max-width:		50%;
	margin-left:		auto;
	margin-right:		auto;
}
table.flipbook-index img {
	width:			80px;
	border:			1px solid #ccc;
	margin:			0 10px 0 0;
}
table.flipbook-index td {
	border-width:		0;
	border-bottom:		1px solid #777;
	padding:		10px 0px;
}

/* Home page stuff */
.home_lists ul {
	font-size:		16px;
	line-height:		1.5em;
	list-style:		none;
	list-style-position:	outside;
}
.home_lists li:before {
	content:		'\f00c';
	font-family:		FontAwesome;
	margin-left:		-1.25em;
	margin-right:		.25em;
	color:			#8ece00;
}
.home_services h2 a {
	Xtext-transform:		none	!important;
}
article.page .brand_message h1 {
	font-size:		24px;
	font-weight:		normal;
	text-transform:		none	!important;
}
.brand_message h1 a {
	color:			#fff;
	font-size:		24px;
	font-weight:		normal;
}
.brand_message a:hover {
	color:			#8ece00;
}
/* Home page by screen size */
.home_banner .so-panel {
	margin:			0 0 0 0	!important;
}
.home_banner_large	{display: block; }
.home_banner_small	{display: none; }
@media screen and (max-width:780px) {
	.home_banner_large	{display: none; }
	.home_banner_small	{display: block; }
}
@media screen and (max-width:380px) {
}
.home .portfolio_links .widget_sow-image {
	margin-bottom:		10px	!important;
}
.home .portfolio_links h3 {
	margin:			0 0 0 0;
	font-size:		19px	!important;
	color:			#555;
}
.home .portfolio_links h4 {
	margin:			10px 0 5px 0;
	color:			#006a8e;
}
.home .portfolio_links p {
	margin:			0 0 0 0;
	font-size:		13px	!important;
}
.home .portfolio_links img {
	border:			1px solid #777;
}
.home .portfolio_links a:hover img {
	opacity:		0.4;
}
.underline {
	border-bottom:	1px solid #777;
}
.zc_footer a.link {
	color:			#8ece00		!important;
	text-decoration:	underline	!important;
}
/* accordian */
.zc_accordion_title::before {
	color:                  #8ece00;
}
/* Forms */
input.submit:hover {
	background-color:	#0093b2;
}
input.submit {
	border:			0px solid #ccc;
	color:			#fff;
	background-color:	#8ece00;
	border-radius:		5px;
	-webkit-border-radius:	5px;
	-moz-border-radius:	5px;
	-o-border-radius:	5px;
	text-transform:		lowercase;
}
a.ow-button-hover:hover {
	background-color:	#0093b2	!important;
}
#zc-right {
	background-color:	#eee;
}

.popmake {
	position:		fixed !important;
	background-color:	rgba(255,255,255,1.0);
	border:			#8ece00 solid 4px;
	#border-radius:		10px;
	padding:		20px;
}
.popmake-overlay {
	background-color:	rgba(0,0,0,0.7);
}
.popmake .button {
	background-color:	#8ece00;
	color:			#fff;
	border-radius:		10px;
	font-weight:		normal;
}
.popmake .button:hover {
	background-color:	#0093b2;
}
.popmake-close {
	top:			5px;
	right:			5px;
}