/*

Theme Name:     Canvas Child

Theme URI:      

Description:    Child theme for the Canvas theme

Author:         Jezweb

Author URI:     http://www.jezweb.com.au/

Template:       canvas

Version:        0.1.0

*/



/* General element styles i.e., header, navigation, content, sidebar widgets, sliders and galleries. */
.widget ul li:before {
display: none;
}

.yellow h1{
	color:#ffe515!important;
}

/* Header Styles (Logo, header elements, widgets, etc.) */











/* Navigation Styles (Main Menu) */

#navigation ul.nav li ul.sub-menu {

padding: 0; /* this can be adjusted */

width: auto; /* important style */

min-width: 200px; /* this can be adjusted */

}

#navigation ul.nav li ul.sub-menu li a {

white-space: nowrap; /* important style */

width: 100%; /* important style */

}



/* Content Area (General styles) */
#content {padding: 0;}

.entry img, img.thumbnail, #portfolio .group.portfolio-img img {

	border: none !important;

	background: none !important;

	padding: 0px !important;

}



#content .flexslider {

background: none !important;

border: none !important;

-webkit-box-shadow: none !important;

-moz-box-shadow: none !important;

-o-box-shadow: none !important;

box-shadow: none !important;

}



/* Single Post and Blog Page styles */

.single .post-meta, .single #post-author, .single article #connect, .single .post-utility {

	display: none;

}









/* Archive and Category Page styles */











/* Sidebar elements (left or right sidebars, widgets) */











/* Footer elements styles */

#credit a{
	margin: 0 10px;
	font-size: 20px;
}









/* Slider and Gallery styles (not necessary if gallery page is part of the sitemap, hence refer to page specific styles section) */











/* Page specific styles goes here i.e. homepage, about page, contact page, service page, etc. */



/* Homepage styles */







/* About Page styles */







/* Service Page styles */







/* Gallery Page styles */







/* Contact Page styles */









/* Responsive styles goes here */



/* This style is to override the default styles of navigation and inner-wrapper element for tablet and ipad screens. */

@media only screen and (max-width:800px){

	html.csstransforms3d.csstransitions #inner-wrapper {

		left: 0 !important;

		-webkit-transform: translate3d(0, 0, 0);

		-moz-transform: translate3d(0, 0, 0);

		-ms-transform: translate3d(0, 0, 0);

		-o-transform: translate3d(0, 0, 0);

		transform: translate3d(0, 0, 0);

		-webkit-transition: -webkit-transform 200ms ease;

		-moz-transition: -moz-transform 200ms ease;

		-o-transition: -o-transform 200ms ease;

		transition: transform 200ms ease;

		-webkit-backface-visibility: hidden;

		-moz-backface-visibility: hidden;

		-ms-backface-visibility: hidden;

		-o-backface-visibility: hidden;

		backface-visibility: hidden;

	}

	html.csstransforms3d.csstransitions .show-nav #inner-wrapper {

		-webkit-transform: translate3d(80%, 0, 0);

		-moz-transform: translate3d(80%, 0, 0);

		-ms-transform: translate3d(80%, 0, 0);

		-o-transform: translate3d(80%, 0, 0);

		transform: translate3d(80%, 0, 0);

		-webkit-transform-origin: 50% 0%;

		-moz-transform-origin: 50% 0%;

		-ms-transform-origin: 50% 0%;

		-o-transform-origin: 50% 0%;

		transform-origin: 50% 0%;

	}

	html.csstransforms3d.csstransitions #navigation {

		clear: both;

		width: 80%;

		left: -80%;

		position: absolute;

		top: 0;

		min-height: 100%;

		z-index: 9000;

		padding-top: 4.236em;

		left: 0;

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		box-sizing: border-box;

		-webkit-transform: translate3d(-100%, 0, 0);

		-moz-transform: translate3d(-100%, 0, 0);

		-ms-transform: translate3d(-100%, 0, 0);

		-o-transform: translate3d(-100%, 0, 0);

		transform: translate3d(-100%, 0, 0);

		-webkit-backface-visibility: hidden;

		-moz-backface-visibility: hidden;

		-ms-backface-visibility: hidden;

		-o-backface-visibility: hidden;

		backface-visibility: hidden;

	}

	html.csstransforms3d.csstransitions .show-nav #navigation {

		-webkit-transform: translate3d(-100%, 0, 0);

		-moz-transform: translate3d(-100%, 0, 0);

		-ms-transform: translate3d(-100%, 0, 0);

		-o-transform: translate3d(-100%, 0, 0);

		transform: translate3d(-100%, 0, 0);

	}

	body .nav-toggle, body .nav-close, body .nav-home {

		display: block !important;

	}


	#nav-container {

		margin: 0 !important;
		display: block!important;
	}
	#nav-container li {
		display: block;
		width: 100%;
	}
	#nav-container li a{
		text-align: left;
		text-transform: uppercase;
		font-size: 20px;
	}

	#navigation h3{
		font-size: 2em!important;
	}
	#navigation.col-full{
		background: #000!important;
	}

}



/*COMMON CSS*/



.entry p a, .entry a, a{

	text-decoration: none !important;

}



.entry .centerText h1, .entry .centerText p, .entry .centerText *,

*.centerText  {

	text-align: center !important;

}



.entry .white h1, .entry .white p,.entry .white * {

	color: white !important;

}







/*GENERAL PAGE STYLES */
#logo .site-title a{
	color: #2e70be!important;
	font-size: 32px!important;
}
#logo .site-title a:hover{
	color: #113b6b!important;
}

#logo .site-description{
	color:#262121 !important;
}
/*NAVIGATION*/

#nav-container {

	margin: 0 !important;
	display: none;
}



ul.nav {

	margin-right: 0;

	float: none !important;

	text-align: center !important;

	clear: both;

}



ul.nav li{

	text-align: center !important;

	float: none !important;

	display: inline-block !important;

}





/*PAGES*/

.category_tab p > a{

	float: right !important;

}



.category_tab p > a::after{

	content: "\f105";

	height: 10px !important;

	width: 10px !important;

    	font-family: FontAwesome;

    	font-style: normal;

	position: relative;

	color: inherit !important;

    	font-size: 18px;

	padding: 10px !important;

	

}



/*FOOTER*/

#footer-widgets-container{

	border-top: 5px solid #2e70be !important;

	border-bottom: 5px solid #2e70be !important;

}



a.footer-phone {

	font-size: 20px !important;

}



