/*
Theme Name:     Fwarehouse Child Theme
Theme URI: 		http://mediashark.com.au/
Description:    Child theme for the Fwarehouse Theme
Author:         Fazly Rabby @ Media Shark
Theme URI: 		http://mediashark.com.au/
Template:       fwarehouse
Version:        1.0.0
*/



/*
Sample : remove the comment and start adding your own custom CSS rules.

body {
	background-color:#fff;
}

*/

.main-navigation-ul li.menu-item {
	font-size: 1.4em;
}

.heroTitle span{padding-top:36px;padding-bottom:36px;letter-spacing: -3px;}

.buttonLarge a{font-size: 22px;
    padding: 14px 24px;
    font-weight: normal;
    letter-spacing: 0;}


.sectionTitles{margin-bottom:0;}

.employeeCustomPadding ul li{padding-bottom:35px!important;}
.employeeCustomPadding.employeeCustomPadding_2 ul li{padding-bottom:10px!important;}

.mk-button{text-transform: uppercase;
    font-weight: normal;}

.widget_social_networks a{opacity:1!important;}

.bottomShape{margin-top:-54px!important;}

#mk-footer .widget:not(.widget_social_networks) a {
	color: #5e5c5e!important;
}
#mk-footer .widget:not(.widget_social_networks) a:hover {
	color: #5e5c5e!important;
}

/* Store Changes */
.page-template-template_store-brands .mk-grid:after {
	content: '';
	clear: both;
	display: block;
}

.brand-wrapper.giant-sports img {
	padding-top: 25px;
}

.brand-wrapper.buff-bake img {
	width: 50%;
}

.brand-wrapper {
	width: 33.333%;
	box-sizing: border-box;
	padding: 20px;
	float: left;
    -o-transition: 0.35s all linear;
    -moz-transition: 0.35s all linear;
    -webkit-transition: 0.35s all linear;
    transition: 0.35s all linear;
	min-height: 200px;
	text-align: center;
}

.brand-wrapper:hover {
	opacity: 0.6;
}

.brand-wrapper h2 {
	text-align: center;
}

.brand-wrapper img {
	width: 100%;
	height: auto;
}

.page-id-495 .brand-wrapper img {
	min-height: 396px;
}

.page-template-template_store-brands .page-title {
	font-size: 60px;
	margin: 0;
	text-align: center;
}
  
@media only screen and (max-width: 800px) {
    .heroTitle span {
	    font-size: 36px;
	    padding-top:12px;
	    padding-bottom:12px;
	    letter-spacing: 1px;
	    line-height: 36px;
    }
    #mk-title-box-7 span {
	    line-height: 36px!important;
    }

	.brand-wrapper {
		width: 100%;
		min-height: auto;
	}
}


