/*
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. */
a:link, a:visited {
	color: #ee9b66;
}
.readmore,.close {
	display: block;
	width: 100px!important;
	padding: 5px;
	text-align: center;
	border-radius: 3px;
	border: 1px solid #ee9b66;
	text-transform: uppercase;
}
.readmore:hover,.close:hover {
	color: #FFF;
	background: #ee9b66;
	text-decoration: none;
}
.main-thumb {
	text-align: center;
	text-indent: 0; 
	display: inline-block;
	vertical-align: top;
}
.main-thumb2 {
	text-align: center;
	text-indent: 0; 
}
.align-center {
	text-align: center;
}
.padding-left {
	text-indent: 0!important;
	padding-left: 25px;
}
.padding-left2 {
	text-indent: 0!important;
	padding-left: 50px;
}
.padding-left-indent {
	text-indent: 25px;
	padding-left: 25px;
}
.error404 #main {
	background:#FFF;
	margin: 20px auto 50px;
	padding: 20px;
}

/* Header Styles (Logo, header elements, widgets, etc.) */
#header-container {
	border-top: 18px solid #f9a26b;
}
h2 {
	text-transform: uppercase;
}
.entry ul, .entry ol {
	font: 300 15px/1.5em Helvetica,Arial,sans-serif;
}
.entry, .entry p {
	color: #646464;
}
.other-page {
	min-height: 300px;
}
.main-content h2.subtitle{
	font-size: 22px;
}
.white-text p{
	color: white;
}


/* Navigation Styles (Main Menu) */
body .nav-toggle, body .nav-close, body .nav-home {
		display: none !important;
}

/* Content Area (General styles) */
.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;
}
.wpb_wrapper .wpb_single_image .vc_figure {
	display: block;
}
#content {
	padding: 0;
}
.main-left h2 {
	text-align: right;
	margin: 1em 0;
	padding: 0 20px;
}
.main-left ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}
.main-left ul li {
	padding: 10px 20px;
	border-top: 1px solid #454343;
}
.main-left ul li a{
	color: #646464;
}
.main-left ul li a .subt{
	display: block;
	font-size: 20px;
	color: #ee9b66;
	font-weight: bold;
	margin: 0 0 10px;
}
.main-left ul li a strong{
	font-size: 18px;
	color: #FFF;
	display: block;
}
.main-left ul li:hover a {
	text-decoration: none;
	color: #ca5a50;
}
.main-left ul li:hover a strong, .main-left ul li.current-menu-item a, .main-left ul li.current-menu-item a strong  {
	text-decoration: none;
	color: #ca5a50!important;
}
.main-right h2 {
	text-align: left;
	margin: 1em 0;
	padding: 0 20px;
}
.main-right ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}
.main-right ul li {
	padding: 10px 20px;
	border-top: 1px solid #454343;
}
.main-right ul li a{
	color: #646464;
}
.main-right ul li a strong{
	font-size: 18px;
	color: #FFF;
	display: block;
}
.main-right ul li:hover a {
	text-decoration: none;
	color: #ca5a50;
}
.main-right ul li:hover a strong, .main-right ul li.current-menu-item a, .main-right ul li.current-menu-item a strong  {
	text-decoration: none;
	color: #ca5a50!important;
}
.main-wrapper {
	position: relative;
}
.menu-two,.menu-three, .main-area {
	float: none!important;
	display: inline-block;
}
.menu-two,.menu-three {
	vertical-align: top;
}
.menu-two h2 {
	text-align: right;
	margin: 1em 0;
	padding: 0 20px;
}
.menu-two ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}
.menu-two ul li {
	padding: 10px 20px;
	border-top: 1px solid #454343;
}
.menu-two ul li a{
	color: #646464;
}
.menu-two ul li a .subt{
	display: block;
	font-size: 20px;
	color: #ee9b66;
	font-weight: bold;
	margin: 0 0 10px;
}
.menu-two ul li a strong{
	font-size: 18px;
	color: #FFF;
	display: block;
}
.menu-two ul li:hover a {
	text-decoration: none;
	color: #ca5a50;
}
.menu-two ul li:hover a strong  {
	text-decoration: none;
	color: #ca5a50!important;
}
.menu-three h2 {
	text-align: left;
	margin: 1em 0;
	padding: 0 20px;
}
.menu-three ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}
.menu-three ul li {
	padding: 10px 20px;
	border-top: 1px solid #454343;
}
.menu-three ul li a{
	color: #646464;
}
.menu-three ul li a strong{
	font-size: 18px;
	color: #FFF;
	display: block;
}
.menu-three ul li:hover a {
	text-decoration: none;
	color: #ca5a50;
}
.menu-three ul li:hover a strong {
	text-decoration: none;
	color: #ca5a50!important;
}
.entry .wpb_single_image .vc_figure-caption {
  margin-top: 20px;
  font-size: inherit;
  font-style: italic;
}


/* Single Post and Blog Page styles */
.widget ul li:before{
	display: none;
}
.single .post-meta, .single #post-author, .single article #connect, .single .post-utility {
	display: none;
}
.main-content {
	overflow: hidden;
	position: relative;
	height: 800px;
}
.main-content .wpb_wrapper{
	height: auto;
	max-height: 800px;
	padding-bottom: 10px!important;
	overflow: auto;
	position: absolute;
	top: 0;
}
.main-area {
	height: 870px;
	max-height: 870px;
}
.main-content h1, .main-content h2 {
	color: #000;
	margin-top: 0;
}
.main-content h2 {
	font-size: 16px;
	font-style: italic;
	color: #646464;
}
.main-area p {
	text-indent: 25px;
}
.scrollable-content {
	overflow: hidden;
	position: relative;
	height: 800px;
	margin-bottom: 35px;
}
.scrollable-content .vc_row {
    margin-left: 0;
    margin-right: 0;
}
.scrollable-content .scrollable-inner{
	height: auto;
	max-height: 800px;
	padding-bottom: 10px!important;
	overflow: auto;
	position: absolute;
	top: 0;
}
.scrollable-content h1, .scrollable-content h2 {
	color: #000;
	margin-top: 0;
}
.scrollable-content h2 {
	font-size: 16px;
	font-style: italic;
	color: #646464;
}


/* Sidebar elements (left or right sidebars, widgets) */
.footer-widget-1 a {
	font-size: 48px;
	line-height: 50px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
}
.footer-widget-1 img {
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle;
}
.footer-widget-2 a {
	font-size: 27px;
	line-height: 40px;
	font-weight: light;
	color: #FFF;
}
.footer-widget-2 img {
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle;
}
#footer-widgets-container {
	padding-top:80px;
	padding-bottom:60px;

}


/* Footer elements styles */
#footer {
	padding:40px 0 10px;
	text-align: center;
}
#footer #copyright {
  margin-bottom: 0px;
  float: none!important;
  width: 100%;
}
#footer #copyright a, #footer #copyright p{
	display: inline-block;
	vertical-align: top;
}

/* START BLOG STYLES */

.thumb-image-overlay {
    position: relative;
}

.image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-out;
}

.image-overlay-circle {
  height: 70px;
  width: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -52px;
  margin-left: -52px;
  padding: 15px;
  border: 2px solid #FFFFFF;
  border-radius: 100%;
}

.image-overlay-plus{
  height: 100%;
  width: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.thumb-image-overlay:hover .image-overlay {
    opacity: 1;
    visibility: visible;
    background-color: rgba(249, 162, 107, 0.8);
}

/* Single Post and Blog Page styles */
.blogposts-content .image-overlay-circle {
  height: 200px;
  width: 200px;
  margin-top: -100px;
  margin-left: -100px;
  padding: 0;
  border: 0;
  border-radius: 0;
}
.single .post-meta, .single #post-author, .single article #connect, .single .post-utility, .post-entries, #comments {
  display: none;
}
.single h1.entry-title {
  margin-bottom: 15px;
}
.single-post .header-banner h2 {
  font-size: 20px;
  padding: 30px;
}
.single-post .blogpost-item {
  padding: 0;
  background: none;
  box-shadow: none;
  margin-bottom: 15px;
}
.single-post .blogpost-item img{
  width: 100%;
}
.single-post .blogpost-item-content {
  padding: 10px 0 0;
}
.single-post .blogpost-item-meta {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e0e0e0;
}
.single-post .entry p {
  line-height: 1.8;
}


/* Blog posts styles */

.blogposts-content {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    background: #ffffff;
}
.blogpost-item {
  padding: 10px;
  background-color: #ffffff;
  border-radius: 3px;
  -webkit-box-shadow: 0 0px 5px rgba(0,0,0,.1);
  -moz-box-shadow: 0 0px 5px rgba(0,0,0,.1);
  box-shadow: 0 0px 5px rgba(0,0,0,.1);
  margin-bottom: 25px;
}

@media only screen and (min-width: 768px) {

.blogposts-content section#main {
  float: left;
  width: 74%;
}
.blogposts-content #custom-blog-sidebar {
  float: right;
  width: 22%;
}

}

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

.blogposts-content section#main {
  float: none;
  width: 100%;
}
.blogposts-content #custom-blog-sidebar {
  float: none;
  width: 100%;
}

}

.blogpost-item img {
  margin: 0 auto;
  display: block;
}
.blogpost-item-content {
  padding: 15px;
}
h3.blogpost-item-title {
  line-height: 1.3;
  margin-bottom: 5px;
}
h3.blogpost-item-title a{
  color: #000000;
}
.blogpost-item-meta {
  margin-bottom: 10px;
}
.blogpost-item-meta span {
  font-size: 11px;
  line-height: 1;
  color: #999999;
  border-right: 1px solid #999999;
  padding-right: 8px;
  margin-right: 5px;
}
.blogpost-item-meta span:last-child{
  border: 0;
}
.blogpost-item-meta span a{
  color: #999999;
}
h3.blogpost-item-title a:hover, .blogpost-item-meta span a:hover {
    color: #f9a26b;
}
.entry .blogpost-item-content p {
  margin-bottom: 5px;
  line-height: 1.8;
}
.entry .blogpost-item-content a{
  text-decoration: none;
  transition: all 0.3s;
}
#custom-blog-sidebar form.searchform {
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  margin: 0;
  border-radius: 0;
}
#custom-blog-sidebar form.searchform input.field {
  outline: 0;
  margin: 0;
  text-align: left;
  max-width: 100%;
  padding: 0 35px 0 10px;
  height: 40px;
  width: 100%;
  background-color: #f1f1f1;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc #e0e0e0 #e0e0e0 #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  transition: all 0.3s;
}
#custom-blog-sidebar form.searchform input.field:focus, #custom-blog-sidebar form.searchform input.field:hover{
  background-color: #FFFFFF;
}
#custom-blog-sidebar form.searchform button.submit {
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  width: 35px;
}
form.searchform .fa-search:before{
  font-size: 16px;
  line-height: 1;
}
#custom-blog-sidebar .widget h3 {
  margin: 0 0 15px;
  padding: 0 0 5px;
}
#custom-blog-sidebar .widget ul {
  padding-left: 15px;
}
#custom-blog-sidebar .widget ul li {
  list-style-type: square;
  color: #f9a26b;
  margin-bottom: 2px;
  list-style-position: outside;
}
#custom-blog-sidebar .widget a {
  color: #f9a26b;
  text-decoration: none;
  transition: all 0.3s;
}
#custom-blog-sidebar .widget a:hover,
#custom-blog-sidebar .widget ul li:hover {
    color: #ca5a50;
}

.content-blog-page {
	margin-bottom: 30px;
}

/* END BLOG STYLES */

/* Page specific styles goes here i.e. homepage, about page, contact page, service page, etc. */

@media only screen and (max-width:1100px) and (min-width:960px) {



	.bottom-left a {

		font-size: 40px;

		font-weight: bold;

		color: #FFF;

		text-transform: uppercase;

	}



	.bottom-right a {

		font-size: 20px;

		font-weight: light;

		color: #FFF;

	}

}





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

	.bottom-left, .bottom-right {

		text-align: center;

	}

	.bottom-left img {

		display: block;

		margin: 0 auto;

		padding: 10px 0;

		text-align: center;

		vertical-align: top;

	}



	

	.bottom-right img {

		display: block;

		margin: 0 auto;

		padding: 10px 0;

		text-align: center;

		vertical-align: top;

	}

}



/* 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:1120px) {
	.footer-widget-1 a{
		font-size: 27px!important;
	}
}

@media only screen and (max-width:920px) {
		.footer-widget-1 a, .footer-widget-2 a{
			font-size: 22px!important;
		}
	}

@media only screen and (max-width:800px) and (min-width:768px) {

	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: none !important;

	}

@media only screen and (max-width:767px) {
	#footer-widgets .textwidget{
		text-align: center;
	}
		.footer-widget-1 a, .footer-widget-2 a{
			font-size: 22px!important;
			text-align: center!important;
		}
	}

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

		.footer-widget-1 a img, .footer-widget-2 a img{
			
			display: block;
		 margin: auto;
		}
	}