/*
Theme Name:     zmart-landing
Description:    GetZmart.ca landing page
Author:         getzmart.ca
Template:       hexa

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

body {
	background: #f6f6f6;
}
* {
    outline: 0 !important;
}

p {
	text-align: justify;
}

.top-spacer {
	margin: 40px;
	display: block;
}

/* Panel */
.panel {
	display: block !important;
}

.panel.panel-transparent {
	background: transparent !important;
}
.panel.panel-light {
	background: #ff7a5a !important;
}

/* Header */
.site-header {
	padding: 10px;
}

.header-image {
	padding: 10px 0px 10px 0px;
	text-align: center;
	
	margin: 0 auto;
	max-width: 44em;
}

.header-image img {
	width: 100%;
	max-width: 320px;
	margin: 0 !important;

	display: inline-block;
}

/* Homepage slider */
.homepage-slider {
	overflow: hidden;
}
.homepage-slider .slide {
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-position: right bottom !important; 
	
	-moz-background-size: cover !important;
    -webkit-background-size: cover !important;
	background-size: cover !important;
}
.homepage-slider .slide-item {
	max-width: 34em;
	margin: 20px auto 20px auto;
	background: #ff7a5a;
	padding: 20px 40px 20px 40px;
	opacity: 0.9;
  	filter: alpha(opacity=90);
}
.slide-item h2, 
.slide-item p {
	color: #fff;
	margin: 0;
	padding: 10px;
}

.bx-wrapper {
	background: transparent !important;
	position: relative !important;
	border: none !important;
	margin: 0px 0px 0px 0px !important;
	
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.bx-wrapper .bx-pager a {
	width: 50px !important;
	height: 3px !important;
}

/* Common */

@media screen and (min-width: 48.82em) {

	.header-image {
		text-align: left;
	}

	/* Move everything in the header to the left */

	.header-image,
	.main-navigation,
	.slide-item {
		margin-left: 46px !important;
	}

	.main-navigation {
		max-width: 99%;
		margin-left: 0px !important;
		padding-left: 46px;
		padding-right: 4px;
	}
	.main-navigation .right {
		float: right;
	}

	/* Change max-width */

	.site-header,
	.site-content,
	.site-footer {
		max-width: 90%;
	}

	.site-main,
	.site-info {
		max-width: 40em;
	}

	.site-info {
		margin-left: 0px;
	}


	.homepage-slider .slide-item {
		display: inline-block;
		min-width: 34em;
		margin: 100px auto 100px auto;
		padding: 20px;
	}
	.homepage-slider .slide-item:hover {
		opacity: 1;
		filter: alpha(opacity=100);
	}
}

/* Contact */

.site-content .contact-area {
	width: 100%;
	max-width: 40em;
}
.contact-area h1, 
.contact-area h2, 
.contact-area h3, 
.contact-area h4, 
.contact-area h5, 
.contact-area h6 {
	color: #078c84;
}
.contact-area blockquote,
.contact-area .hentry {
	border-color: #078c84;
}
.contact-area .entry-format {
	background-color: #078c84;
}
.contact-area .entry-format:before {
	border-right-color: #078c84;
}
.contact-area .entry-format:after {
	border-left-color: #078c84;
}
.contact-area blockquote {
	background: #f4f3f1;
	padding: 2em !important; 
}
.contact-area .wpcf7-response-output {
	margin: 0;
	padding: 0;
	border: none;
	color: #f00;
}
.site-info .wpcf7 {
	margin-right: 1em;
}