/*
Theme Name: ReBike Child
Theme URI: http://www.rebike.com.au/rebike-child/
Description: Mobile Bicycle Mechanic in Fremantle | Child Theme
Version: 1.0
Author: MOMO
Author URI: http://www.momomedia.com.au
*/
/******************************
FONTS USED
-----------
font-family: 'Raleway', sans-serif;
font-family: 'Fjalla One', sans-serif;
*******************************/


/***************************************
GENERAL 
****************************************/
body{max-width:1280px; margin:0 auto;height:100%;font-family: 'Raleway', sans-serif; position:relative;}
* {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 }


h1, h2, h3, h4, h5, h6 {font-family: 'Fjalla One', cursive; display: block; -webkit-margin-before:0.8em;
	-webkit-margin-after: 0.6em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: lighter;}

h1 {font-size:1.3em;}
h2 {font-size:1.2em;}
p {font-size:0.9em; line-height:22px;}
img {width:100%;}
a {text-decoration:none;}
.home .hentry header {display:none;}
.hentry header h1 {margin:0 auto;}
#breadcrumbs {width:100%; padding:5px 5%;margin:0; font-size:0.9em; border-bottom:1px solid #d6d6d6;}
#breadcrumbs a {font-weight:bold; color:#7b3192;}


/***** HEADER *****/
.header {width:100%;height:60px;padding:0;display:block;top:0;z-index:100;max-width:1280px;margin:0 auto; position:absolute; text-align:center;}
.logo {display:none !important;}
.home .logo {display:block!important;}
.header .logo {width:80%;margin:30px 10% 20px;padding:0; text-align:center;}
.header .logo img {width:100px;margin:0 auto;}
.header .logo h1 {color:#fff; font-size:1em; line-height:17px;}
.header .logo a.read-more {display:none; font-size:0.8em;}



.read-more {background:#00d957; padding:5px 10px; color:white; font-size:0.9em;}
.header_image {position:relative; height:auto;}

/***** Mobile Menu *****/
.header .navigation{display:none}
#responsive-menu-button{border: none; outline: none;}
#responsive-menu-container #responsive-menu-wrapper {text-align:center; margin:0 auto;}
#responsive-menu-title {padding:0 5% !important;}
#responsive-menu-container #responsive-menu-title #responsive-menu-title-image {width:108px; margin:60px 0 20px; margin-right:0 !important;}

article {padding:20px 0 0; position:relative;}
.wrapper {padding:0 5% 30px; position:relative;overflow:hidden;}
.hentry>div>h2 {margin-top:0 !important; line-height:20px;}

.services {padding:0 5%;overflow:hidden;}
.service {background:#e6e6e6; overflow:hidden; margin-bottom:15px; padding:5% 7% 7%;}
.service-title {width:65%; float:left;}
.service-title h2 {line-height:25px;margin:5px auto 15px;}
.service img {width:35%; float:right;}


.who-we-are {background:url(https://www.rebike.com.au/wp-content/uploads/2017/03/bike.jpg) no-repeat; width:100%;
	background-size: 150% auto; padding:220px 5% 5%; margin-top:30px; }

.new-workshop {padding:0 5%;}
.new-workshop .details h3 {margin:0;}
.new-workshop .details h4 {border-bottom:6px solid #00d957; margin:0;}
.new-workshop .details address {font-style:normal; font-size:1em; margin-top:10px; line-height:25px;}
.new-workshop .details h5 {font-size:1.2em;}
.new-workshop .details h5 a {color:#00d957; padding-left:15px;}

.make-appointment {width:100%; padding:30px 5% 40px; overflow:hidden;}
.make-appointment p {margin-top:20px;}
.make-appointment ul {margin:0; padding:0;}
.make-appointment ul li {font-size:0.9em; list-style:square; list-style-position:inside;}
.make-appointment h4, .make-appointment h5 {margin:0;}

footer {background:#00d957;position: relative; }
footer #footer-sidebar {padding:20px 5%; width:100%; overflow:hidden;}
footer #footer-sidebar h3.widget-title {margin-bottom:10px; color:#ebe5eb; font-size:1.2em !important;}
footer #footer-sidebar .textwidget {font-size:0.9em; line-height:20px;}
footer #footer-sidebar .textwidget h4 {margin-bottom:5px;}
footer #footer-sidebar ul {padding:0; margin-top:0;}
footer #footer-sidebar ul li {list-style:none; margin-bottom:5px;}
footer #footer-sidebar ul li a, footer a {color:black !important;}
footer #footer-sidebar ul li a:hover, footer a:hover {color:#e6e6e6 !important;}
footer .copyright {width:100%; padding:10px 5%; font-size:0.7em; background:black; color:white;}


/*******************
Appointment Form 
********************/
.nf-before-form-content {display:none;}
.nf-field-container, #ninja_forms_required_items {margin-bottom:2px !important;}
.nf-error-msg {font-size:0.8em;}
.nf-after-field {display:none;}
.nf-field-element input {height:35px !important; padding:5px 10px; background:#e6e6e6; border:none;}
.nf-field-element textarea {padding:5px 10px; background:#e6e6e6;border:none; font-size:1em !important;}
#nf-field-11 {padding:10px 20px;color:white;border:1px #00d957 solid;height:40px !important;background:#00d957;}
#nf-field-11:hover {background:transparent;cursor:pointer;cursor:hand; color:#00d957;}
.label-left .nf-field-label label {font-size:0.9em; text-align:left;}


/*About us Page*/
ul.lists li {font-size:0.9em; margin-bottom:10px;}
.new-workshop.about-us {margin-top:30px;}
.new-workshop.about-us a.read-more {background:#00d957;padding:10px 20px;color:white;font-size:0.9em;display:inline-block;}

/* Service Page */

.package {width:100%; padding:0;overflow:hidden;margin-bottom:25px;font-size:0.9em;line-height:20px; position:relative; }
.package img {width:40%; float:left;}
.package small {color:black;margin:10px 0; font-size:0.9em;}
.package .package-details .package-title {width:50%; margin-left:50%;}
.package .package-details .package-title h2 {margin-top:0; line-height:20px;}
.package .package-details .package-title h3 {margin-top:0;margin-bottom:0;line-height:22px;font-size:2em;color:#00d957;}
.package .package-details ul {margin-top:20px;padding-left:1em; margin-left:0;list-style: disc outside none;}
.package .package-details ul li {padding-left:0em;}

.package .package-booking {background:#00d957 !important; padding:5%; color:#e6e6e6;}
.package .package-booking a {background:white!important; padding:10px 20px; color:#00d957; display:inline-block;}

/*Shop Page*/

.woocommerce div.product form.cart div.quantity {display:none;}
.woocommerce-tabs {display:none;}
.soldout {padding: 10px; text-align: center; background: #222; color: white; font-weight: bold; position: absolute;
	top:10px; right: 10px; font-size: 12px; line-height:100%;}

.woocommerce div.product .out-of-stock {font-size:1.5em; font-weight:bold; text-transfrom:uppercase;color:red; 
	padding:10px 0;}

.woocommerce div.product .stock {font-size:1.5em !important ;font-weight:bold;text-transfrom:uppercase;color:#00d957; 
	padding:10px 0;}

.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {color:black;}

.woocommerce ul.products li.product .price {font-size:1em;font-family: 'Fjalla One', cursive;}
.woocommerce figure {display:block;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;
	-webkit-margin-end: 0;}
.woocommerce figure .woocommerce-product-gallery__image {margin-bottom:10px;}

.woocommerce .related {display:block !important; clear:both !important;}

.wc_payment_method.payment_method_paypal img {width:300px;}
.posted_in {display:none;}

.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {background-color:transparent; color:#00d957; border: 1px solid #00d957;}

.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover,
.woocommerce input.button:hover {background-color:#00d957; color:white;}


.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {background-color:#00d957; border: 1px solid #00d957;}

.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {background-color:transparent; color:#00d957;}


.easy-table th {font-weight:normal !important;}
/*******************
CONTACT PAGE
********************/
.contact-form {padding:0;}

#nf-field-17 {padding:10px 20px;color:white;border:1px #00d957 solid;height:40px !important;background:#00d957;}
#nf-field-17:hover {background:transparent;cursor:pointer;cursor:hand; color:#00d957;}
.contact-form h3, .contact-details h3 {margin-bottom:0 !important;}
.contact-details {clear:both; margin-bottom:20px;}
.contact-details ul {list-style:none; display:block; padding-left:0;}
.contact-details ul li p {display:none;}
.contact-details h4 {border-bottom:6px solid #00d957; margin:0;}
.contact-details address {font-style:normal; font-size:1em; margin-top:10px; line-height:25px;}

iframe {width:100%; height:250px;}


@media screen and (min-width: 360px) {
	.service-title h2 {margin: 0 auto 10px;}
	.who-we-are {padding:250px 5% 5%;}

	/*Services Page*/
	.package .package-details .package-title {width:55%; margin-left:45%;}
}

@media screen and (min-width: 375px) {
	/* Home Page */
	.header .logo {margin:60px 10% 10px;}
	.read-more {padding:10px 20px;}
	.service-title h2 {margin: 0 auto 10px;}
	.new-workshop img {width:80%; margin:0 10%;}
	footer #footer-sidebar2, footer #footer-sidebar3 {width:50%; float:left;}
	footer #footer-sidebar4 {width:50%; float:none;}

	/*Services Page*/
	.package .package-details .package-title h2 {line-height:25px; font-size:1.4em;}
}

@media screen and (min-width: 384px) {
	/* Home Page */
	.who-we-are {padding:280px 5% 5%;}
}


@media screen and (min-width: 412px) {
	/* Home Page */
	.header .logo h1 {margin-top:0;}
	.header .logo a.read-more {display:inline-block;}
	.service {padding:5% 10%;}
	/*Services Page*/
	.package:first-chiald .package-details ul {margin-top:40px;}
}

@media screen and (min-width: 480px) {
	.header .logo img {width:120px;margin:0 auto;}
	.service-title {width:70%; float:left;}
	.service-title h2 {margin:0 auto 25px;}
	.service img {width:30%; float:right;}
	.who-we-are {padding:340px 5% 5%;}
	.new-workshop img {width:60%; margin:0 20%;}
	/*Services Page*/
	.package .package-details .package-title h2 {line-height:25px; font-size:1.6em;}
	.package .package-details .package-title h3 {line-height:30px;font-size:2.3em;}
	.package .package-details ul {margin-top:55px;}
}

@media screen and (min-width: 533px) {
	.service-title h2 {font-size:1.4em;}
	.who-we-are {padding:350px 5% 5%;}
	/*Services Page*/
	.package .package-details {width:50%; margin-left:50%;}
	.package .package-details .package-title {width:100%; margin-left:0;}
	.package .package-details ul {margin-top:0;}

}

@media screen and (min-width: 568px) {
	.header .logo {margin:80px 10% 10px;}
	.header .logo h1 {font-size:1.2em; line-height:17px; margin-bottom:15px;}
	.service-title h2 {font-size:1.2em;}
	.who-we-are {background-size:110% auto; padding:320px 5% 5%;}

	/*Services Page*/
	.package:first-child .package-booking {margin-top:40px;}
}


@media screen and (min-width: 598px) {
	.new-workshop .details {width:50%;float:left;}
	.new-workshop .details h5 {margin-bottom:0;}
	.new-workshop .details p {margin-top:0;}
	.new-workshop img {width:35%; margin:0 7.5%;}
	.make-appointment {background:#00d957; color:#e6e6e6; padding:7% 5%; background-repeat:no-repeat;
	background-image:url(https://www.rebike.com.au/wp-content/uploads/2017/03/rebike-fremantle.jpg);}
	.make-appointment .nf-form-cont {width:50%; float:left; margin-right:5%; padding-top:0; max-width:350px;}
	.make-appointment .nf-form-cont h3 {display:none;}
	.make-appointment p {margin-top:20px;}
	.make-appointment ul li {float:none; margin-bottom:10px;}
	.make-appointment h4 {font-size:1.8em; line-height:30px;}
	.make-appointment h5 {font-size:1.3em; line-height:25px; margin-top:30px;}
	.make-appointment h4 span, .make-appointment h5 span {color:#00d957;}
}


@media screen and (min-width: 600px) {
	.service {padding:5% 5%; width:48%; float:left; margin-right:4%;}
	.service:nth-child(2) {margin-right:0;}
	.service:nth-child(3) {margin:0 26% 15px;}
	.service-title {width:100%; float:left;}
	.service-title h2 {margin:0 auto 15px;}
	.service img {display:none;}
	/*Services Page*/
	.package:first-child .package-booking {margin-top:60px;}
}


@media screen and (min-width: 640px) {
	/*Services Page*/
	.package {margin-bottom:50px !important;}
	.package .package-booking {width:50%; margin-left:50%; padding:5%;}
	.package:first-child .package-booking {margin-top:20px;}
}


@media screen and (min-width: 667px) {
	.who-we-are {background-size:100%; padding:2% 5% 10% 57%;}
	footer #footer-sidebar2 {width:25%; float:left;}
	footer #footer-sidebar3 {width:40%; float:left;}
	footer #footer-sidebar4 {width:25%; float:left;}
}


@media screen and (min-width: 690px) {
	/* MENU */
	.header .navigation {position:absolute;width:auto;right:5%;display:inline-block;padding:0;margin:0; top:0;}
	.header .navigation ul {padding:0;margin:0;}
	.header .navigation li{position:relative;float:left;margin:0;padding:0;text-transform:uppercase;list-style:none;}
	.header .navigation li a {text-decoration:none;font-size:0.9em;line-height:100px;padding:15px 10px;color:black;
	font-weight:bold;}
	.header .navigation li a:hover {color:#00d957;}
	.home .header .navigation li a {color:#e6e6e6;}
	.home .header .navigation li a:hover {color:#00d957;}
	.home .header .navigation li ul li a {color:black;}
	.home .header .navigation li ul li a:hover {color:#00d957;}

	.home .header .navigation .menu>li:nth-child(2)>a:after, .home .header .navigation .menu>li:nth-child(3)>a:after 
	{color:white;content:'↓';padding:0 0 0 5px;margin:-5px 0 0 0;display:inline-block;}

	.header .navigation li ul{display:none;}
	.header .navigation li:hover ul {display:block;position:absolute;list-style:none;padding:0; background:white; margin-top:-15px;
	white-space: nowrap; color:black;}
	.header .navigation li:hover ul li{margin:0; padding:0; text-align:left;position:relative;width:100%;
	font-size:1.1em !important; text-transform:none;color:black;}
	.header .navigation li:hover ul li a {display:block;font-size:0.8em;line-height:20px;padding:10px 15px;color:black;}
	.header .navigation li:hover ul li a:hover {color:#00d957;}



	.header .logo {margin:130px 10% 10px;}
	.service-title {width:70%; float:left;}
	.service img {display:inline-block;}
	.who-we-are {background-size:100%; padding:8% 5% 10% 57%;}
	.who-we-are h3 {margin-bottom:0;}
	.who-we-are p {margin-top:0;}

}

@media screen and (min-width: 736px) {
	.header .logo h1 {font-size:1.3em;}
	.new-workshop {padding:0 15%;}
	.new-workshop img {width:40%; margin:0 0 0 10%;}
	/*Contact Page*/
	.contact-form {width:50%; float:left; margin-right:5%; padding-top:0; max-width:450px;}
	.contact-details {width:45%;float:left; clear:none;}
}


@media screen and (min-width: 768px) {
	.who-we-are {background-size:100%; padding:10% 5% 10% 57%;}

}

@media screen and (min-width: 800px) {
	.header .logo {margin:150px 10% 10px;}
	.header .logo h1 {font-size:1.5em; line-height:20px; margin-bottom:20px;}
	.who-we-are {padding:10% 5% 8% 60%;}
	.make-appointment h4 {font-size:2.2em; line-height:30px;}
	.make-appointment h5 {font-size:1.6em; line-height:25px;}
	h3 {font-size:1.4em !important;}
	footer #footer-sidebar h3.widget-title {font-size:1.2em !important;}
	footer #footer-sidebar1 {width:30%; float:left; margin-right:4%;}	
	footer #footer-sidebar2 {width:17%; float:left;}
	footer #footer-sidebar3 {width:28%; float:left;margin-right:3%;}
	footer #footer-sidebar4 {width:17%; float:left;}

	.package .package-details .package-title h3 {font-size:2.5em !important;}
}

@media screen and (min-width: 853px) {
	article p {font-size:1em; line-height:29px;}
	.who-we-are {padding:8% 5% 8% 57%;}
	.new-workshop .details h5 {font-size:1.7em;}
}


@media screen and (min-width: 966px) {
	.header .logo {margin:140px 10% 10px;}
	.services {margin-top:-220px; z-index:10 !important; margin-bottom:100px;}
	.service, .service:nth-child(2) {padding:3% 3%; width:32%; float:left; margin-right:2%;}
	.service:nth-child(3) {width:32%; margin:0 0 15px 0; float:right;}
	.service-title h2 {font-size:1.2em;}

	.animate {-webkit-animation: NAME-YOUR-ANIMATION 10s;-moz-animation: NAME-YOUR-ANIMATION 10s;
	 -o-animation: NAME-YOUR-ANIMATION 10s; animation: NAME-YOUR-ANIMATION 10s;  opacity: 0.9;}
	
	@keyframes NAME-YOUR-ANIMATION { 
	0% {opacity: 0;}
	49% {opacity: 0.5;}
	50% {opacity: 0.7;}
	99% {opacity: 1;}
	100% {opacity: 1;}
	}
		
	@-webkit-keyframes NAME-YOUR-ANIMATION {
   	0% {opacity: 0;}
    	49% {opacity: 0.5;}
    	50% {opacity: 0.7;}
    	99% {opacity: 1;}
    	100% {opacity: 1;}
	}
	@-moz-keyframes NAME-YOUR-ANIMATION {
    	0% {opacity: 0;}
    	49% {opacity: 0.5;}
    	50% {opacity: 0.7;}
    	99% {opacity: 1;}
    	100% {opacity: 1;}
	}
	@-o-keyframes NAME-YOUR-ANIMATION {
    	0% {opacity: 0;}
   	49% {opacity: 0.5;}
    	50% {opacity: 0.7;}
    	99% {opacity: 1;}
    	100% {opacity: 1;}
	}
	@keyframes NAME-YOUR-ANIMATION {
    	0% {opacity: 0;}
    	49% {opacity: 0.5;}
   	50% {opacity: 0.7;}
    	99% {opacity: 1; }
    	100% {opacity: 1;}
	}

	.who-we-are {padding:12% 5% 8% 60%;}

@media screen and (min-width: 1024px) {
	h3 {font-size:1.5em !important;}
	.header .logo h1 {line-height:25px;}
	.who-we-are {padding:12% 5% 10% 60%;}
	footer #footer-sidebar .textwidget {font-size:1em; line-height:25px;}
	/*Services*/
	.package {font-size:1em;line-height:25px;}
	.package .package-details .package-title h3 {line-height:30px;font-size:2.5em;}
}

@media screen and (min-width: 1280px) {
	.header .logo {margin:160px 10% 10px;}
	.header .logo img {width:190px;margin:0 auto;}
	.header .logo h1 {font-size:2em;line-height:30px;}
	.services {margin-top:-300px; margin-bottom:130px;}
	.service-title {width:60%; float:left;}
	.service-title h2 {font-size:1.4em;}
	.service img {width:40%; float:right;}
	.who-we-are {padding:13% 15% 10% 65%;}
	.new-workshop {padding:30px 15%;}
	.new-workshop .details h4 {padding:15px 0;}
	.new-workshop .details address {font-style:normal; font-size:1em; margin-top:5px;}
	.make-appointment {color:#e6e6e6; padding:5% 5%;}
	.make-appointment h4 {font-size:2.5em; line-height:30px;}
	.make-appointment h5 {font-size:2em; line-height:25px;}
	textarea {height:150px;}
	footer #footer-sidebar h3.widget-title {font-size:1.4em !important;}
	footer #footer-sidebar1 {width:27.5%; float:left; margin-right:5%;}	
	footer #footer-sidebar2 {width:20%; float:left;}
	footer #footer-sidebar3 {width:27.5%; float:left;margin-right:0;}
	footer #footer-sidebar4 {width:20%; float:left;}
}






/* WooCommerce 3.0 Gallery */

.woocommerce-product-gallery {
position: relative;
margin-bottom: 3em
}

.woocommerce-product-gallery figure {
margin: 0
}

.woocommerce-product-gallery .woocommerce-product-gallery__image:nth-child(n+2) {
width: 25%;
display: inline-block
}

.woocommerce-product-gallery .flex-control-thumbs li {
list-style: none;
float: left;
cursor: pointer
}

.woocommerce-product-gallery .flex-control-thumbs img {
opacity: .5
}

.woocommerce-product-gallery .flex-control-thumbs img.flex-active,.woocommerce-product-gallery .flex-control-thumbs img:hover {
opacity: 1
}

.woocommerce-product-gallery img {
display: block
}

.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
width: 33.3333%
}

.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
width: 25%
}

.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
width: 20%
}

.woocommerce-product-gallery__trigger {
position: absolute;
top: 1em;
right: 1em;
z-index: 99;
}

a.woocommerce-product-gallery__trigger {
text-decoration: none;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
top: .875em;
right: .875em;
display: block;
height: 2em;
width: 2em;
border-radius: 3px;
z-index: 99;
text-align: center;
text-indent: -999px;
overflow: hidden;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
background-color: #169fda;
color: #ffffff;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
background-color: #1781ae;
border-color: #1781ae;
color: #ffffff;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {
font: normal normal normal 1em/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: block;
content: "\f00e";
line-height: 2;
text-indent: 0;
}