/*
Theme Name: Retaildynamix
Theme URI: https://retaildynamix.co.za
Author: Bev Dormer <bev@smdtechnologies.co.za>
Author URI: https://retaildynamix.co.za
Description: Custom theme for Retaildynamix
Version: 1.0
Text Domain: retaildynamix
*/

.brand {
	margin-bottom: 20px;
	margin-top: 20px;
}

.offering {
	margin-bottom: 30px;
	margin-top: 30px;
	position: center
}

.store {
	margin-bottom: 20px;
	margin-top: 20px;
}

.navbar {
	height: 80px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius:0;
	margin-bottom: 0;
}

.navbar-collapse.collapse { 
	height: 80px !important; 
}	

.nav.navbar-nav {
	height: 80px;
}

.navbar-nav>li {
	line-height: 60px;
}

.navbar-nav>li>a {
	line-height:49px;
}

.btn-default.search-btn {
	background-color: transparent;
	border-color: transparent;
	color: white;
	transition: linear 150ms
}

.btn-default.search-btn:focus {
	outline: 0;
}

.btn-default.search-btn:active {
	color: #ccc;
	outline: 0;
	background-color: transparent;
	border-color: transparent;
}

.hero-image {
    margin-top: 80px;
	background: url(images/hero.jpg) center center no-repeat;
	background-size: cover;
}

.hero-image-about {
	background: url(images/heroA.jpg) center center no-repeat;
	background-size: cover;
	height: 400px
}

.hero-image-offering {
	background: url(images/heroO.jpg) center center no-repeat;
	background-size: cover;
	height: 400px
}

.hero-image-contact {
	background: url(images/contact.jpg) center center no-repeat;
	background-size: cover;
	height: 400px
}

.title {
	margin-top: 50px;
	padding: 30px 30px 70px 30px;
	background-color: rgba(0,0,0,0.9);
	color: white;	
}

.title h2 {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 3em;
}

.title h2 em {
	display: block;
	font-size: 2em;
}

.page-break-image {
	background: url(images/image1.jpg) center center no-repeat;
	padding: 250px 0px;
}

.container.black {
	background-color: #black;
	padding-left: 15px; 
	padding-right: 15px; 
	padding-bottom: 30px; 
	padding-top: 30px;
}

.container.grey {
	background-color: #ebebeb;
	padding-left: 10px; 
	padding-right: 10px; 
	padding-bottom: 20px; 
	padding-top: 20px;
}

.nav>li {
	text-align: center;
	color: white;
}

.nav>li a {
	color: white;
}

.nav>li a:hover {
	background: transparent;
	border: transparent;
}

/* Moving inline styles */
#welcome {
    padding-bottom: 20px; 
    padding-top: 15px
}

#icons {
    padding-bottom: 30px;
    padding-top: 30px
}

#brands-heading {
    padding-bottom: 30px;
    padding-top: 30px
}

#footer {
    background: #000; 
    padding-bottom: 30px; 
    padding-top: 30px;
}

#retailers {
    padding-bottom: 10px;
    padding-top: 0px
}

#retailers-heading {
    padding-bottom: 30px; padding-top: 30px
}

#about-us {
    padding-bottom: 20px; padding-top: 15px
}

@media(max-width: 767px) {
    .title h2 {
        font-size: 2em;
    }
    
    .title h2 em {
        font-size: 1.5em
    }
    
    .title {
        padding-bottom: 30px;
    }
    
    .nav.navbar-nav, .navbar-collapse.collapse {
        height: auto !important;
    }
    
    .navbar-collapse {
        margin-top: 80px;
        background-color: #222;
        border-color: #080808;
    }
}