/**
Theme Name: The Garage Door Shop
Author: Ayu Candrawati
Author URI: https://somsweb.com.au
Description: The Garage Door Shop
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive-layout, e-commerce
Text Domain: The Garage Door Shop
**/

body{
	font-family: 'Source Sans Pro', sans-serif;
	background: #fff;
	line-height: 2em;
	color: #000;
}
p{
	margin-bottom: 10px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	color: #6d6e71;
}
a{
	text-decoration: none;
	color: #000;
}
a:hover{
	text-decoration: none;
	cursor:pointer;
	color: #40B02B;
}
.btn,
/*a {
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}*/
strong{
	font-weight: bold;
}
em{
	font-style: italic;
}
img{
	max-width: 100%;
	margin: auto;
	height: auto;
	display: block;
}
ul li{
	list-style:none;
}
section, .garage-content{
	line-height:2rem;
}
header{
	background: #fff;
}
section, .garage-content{
	font-size:16px;
	line-height:2rem;
}
.garage-page-content ul{
    padding-left:20px;
}
.garage-page-content ul li{
    list-style:initial;
}
.garage-content ul li{
    list-style:initial;
}
#navbar-garage ul li{
	list-style:none;
}

/**  Color Set **/
.bg-grey{
	background-color: #2b2a2a;
}
.font-green{
	color: #a6cf4e!important;
}
.font-white{
    color: #fff;
}

/**   Original buttons  **/
.green-btn{
    padding: 5px 20px;
    background-color: #40B02B;
    color: #fff;
    text-decoration: none;
    border-radius: 1rem;
	font-weight: 600;
}
.green-btn:hover{
	background-color: #369225;
	color: #fff;
}

/**  Typography ****/
.fs-12{
	font-size: 12px;
}
.fs-20{
	font-size: 20px;
}
.fs-22{
	font-size: 22px;
}
.fs-60{
	font-size: 60px;
}

/**  Padding ****/
.header-img{
	/*margin-top: 99px;*/
	/*padding: 105px 50px;*/
	padding: 155px 50px;
    min-height: 258px;
}

/** 1. Header Section **/

/** 2. Navigation **/
#navbar-garage li{
	
}
#navbar-garage li a{
	color: #6d6e71;
	padding: 10px 8px;
	line-height: normal !important;
}
#navbar-garage li a:hover{
	background-color: #a6cf4e;
	color: #fff;
}
.navbar-toggler{
	border: 1px solid #a6cf4e;
}

/**** 3. BANNER HOME *******/

/**** 4. PAGE SITE *******/
.header-page{
	padding: 2em 4em;
	background-color: lightgrey;
}

/**** 5. FOOTER *******/
footer.garage-content ul{
	margin-bottom: 0;
}
footer.garage-content ul li {
    list-style: none;
    display: inline-block;
    padding: 0 1rem;
    border-right: 1px solid #fff;
}
footer.garage-content ul li a{
	color: #fff;
}

@media screen and (min-width:1200px){ /*xl*/
    
}

@media (max-width: 1199px) { /*lg*/
	
}

@media (max-width: 991px) { /*md*/
	.header-img {
	    padding: 50px 50px;
	}
}

@media (max-width: 767px) { /*sm*/
	
}