/* CSS Document */

/* Background color for navbar and dropdown menus */

.navbar-custom, .navbar-custom .dropdown-menu {

    background-color: #5F666D;
	/* use #666633 for Allstyle Green */
	/* use #868e96 for Bootstrap Secondary */
	/* use #FFFFFF for white */
	/* use #5D5C58 for dark grey */
}

/* Text color for navbar and dropdown menus */

.navbar-custom .navbar-brand, .navbar-custom .navbar-text,

.navbar-custom .navbar-nav .nav-link,

.navbar-custom .dropdown-item {
    color: #ffffff;
	/* use #FFFFFF for white */
	/* use #ecf0f1 for offwhite */
	/* use #868e96 for Bootstrap Secondary */
}

/* Background and text colors for current page link and links on hover and focus */

.navbar-custom .nav-item.active .nav-link,

.navbar-custom .nav-item:hover .nav-link,

.navbar-custom .nav-item:focus .nav-link,

.navbar-custom .dropdown-item:hover, 

.navbar-custom .dropdown-item:focus {

    background-color: #868e96;
	/* use #5F666D for dark grey */
	/* use #8C8C46 for Allstyle light green */

    color: #fff;

}

/* Border and text colors for menu icon on small screens */

.custom-toggler.navbar-toggler {

    border-color: #ecf0f1;

    color: #fff;

}

/* Hamburger icon - use same rgb values as previous rule for stroke */

.custom-toggler .navbar-toggler-icon {

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(236,240,241, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-brand {
    background-image: url("../images/Logos/Allstyle-Logo.svg");
    background-repeat: no-repeat;
    padding-left: 125px;
    font-weight: bold;
}
#hero {
    padding-left: 0px;
    padding-right: 0px;
    background-size: auto 100px;
}
#new-ikea-links {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
    background-color: rgba(102,102,51,1.00);
}
#door-design-actions {
    padding-top: 45px;
    padding-bottom: 45px;
    text-align: center;
    background-color: rgba(102,102,51,1.00);
}
#shaker-styles {
    padding-top: 0px;
    padding-bottom: 0px;
}
#estimate {
    margin-bottom: 15px;
}
#order {
    margin-bottom: 15px;
}
#about-colour h1 {
    padding-top: 30px;
    padding-bottom: 30px;
}
p .colour {
	font-weight: bold;
}

@media screen and (min-width:576px){
#hero h1 {
	font-size: 1.75rem;
	font-weight: bold;
}

}

#stories h1 {
    margin-top: 30px;
    margin-bottom: 30px;
}
#process {
    margin-top: 20px;
    margin-bottom: 20px;
	text-align: center;
    background-color: rgba(102,102,51,1.00);
	padding-bottom: 30px;
}
#process h1 {
    padding-top: 20px;
    padding-bottom: 20px;
	color: #fff;	
}