/*
Theme Name: Kidney Research Foundation
Description: Theme for Kidney Research Foundation (based on Ward Pro theme)
Author: Kidney Research Foundation
Template: ward-pro
Version: 1.0.0
*/

/*
	Colour Reference (from logo)

	Blue: #2f7de1
	Dark blue: #173e70 					 
	Red: #ac0032
	Dark red: #66001d
*/

/* General */

body {
	padding-top: 0;
}

a {
	transition: all 0.2s ease-in-out;
}

.btn {
	background-color: #ac0032;
	color: #ffffff;
	transition: all 0.2s ease-in-out;
	border: none;
}

.btn a {
	color: #ffffff;
}

.btn:hover,
.btn:active {
	background-color: #66001d;
}

/* Top Menu */

#top-bar {
	background-color: #333333;
}

#top-bar a {
	color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
}
#top-menu a {
	padding: 5px 10px;
}

#top-menu li {
	transition: all 0.2s ease-in-out;
}

#top-menu li:hover {
	background-color: #555555;
}

#menu-top-menu {
	margin-right: 10px;
}

/* Logo */

#logo {
	background-color: #ffffff;
}

.navbar-brand {
	width: auto;
	height: 120px;
	max-width: none;
	display: block;
}

.navbar-brand img {
	height: 100%;
	width: auto;
	max-width: auto;
}

/* Main Menu */

#main-menu {
	background-color: #2f7de1;
}

#main-menu ul > li:hover,
#main-menu ul > li:active,
#main-menu ul > li.open > a {
	background-color: #173e70;
	transition: all 0.1s ease-in-out;
}

#main-menu ul > li.active > a {
	background-color: transparent;
}

#main-menu a {
	color: #ffffff;
}

#main-menu .dropdown-menu {
	border: none;
	background-color: #2f7de1;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	padding: 0;
}

#main-menu .dropdown-menu li a {
	padding: 5px 20px;
}

#main-menu .dropdown-menu li:hover,
#main-menu .dropdown-menu a:hover {
	background-color: #173e70;
	color: #ffffff;
}

#main-menu .dropdown-menu a {
	color: #ffffff;
}

.navbar {
	border: none;
	margin-bottom: 0;
}

/* Social Menu */

#menu-social ul li a {
	color: #ffffff;
	transition: all 0.1s ease-in-out;
}

#menu-social ul li:hover {
	color: #ffffff;
	background-color: transparent !important;
}

#menu-social ul li:hover a,
#menu-social ul li a:hover {
	color: #ffffff;
}

/* Footer */

#footer {
	color: #ffffff;	
}

#footer .footer-widget img {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}

#footer span.credit-link {
	display: none !important;
}

#footer aside a i {
	color: #ffffff;
	font-size: 20px;
	margin-right: 10px;
}

#footer .widget-title {
	border-bottom: 1px solid #333333;
}

/* Home Page */

.home-jumbotron i.middle-circle {
	display: none;
}

.home-top {
	background-color: transparent;
}

.home-jumbotron h2,
.home-jumbotron p {
	color: #000000;
	max-width: 750px;
}

.home-jumbotron p {
	font-weight: 300;
}

#home-page-widgets {
    padding-top: 30px;
    padding-bottom: 0px;
}

#home-page-widgets h1,
#home-page-widgets h2,
#home-page-widgets h3,
#home-page-widgets h4, 
#home-page-widgets h5 {
    color: #ffffff !important;
}

#home-page-widgets i {
    font-size: 80px;
}

/* WooCommerce */

nav.woocommerce-breadcrumb {
	display: none;
}

.woocommerce .single-product {
    clear: both;
}

.woocommerce .single-product .woocommerce-tabs {
    display: none;
}

.woocommerce .single-product .single_add_to_cart_button {
    background-color: #ac0032 !important;
}

.woocommerce .single-product .single_add_to_cart_button:hover {
    background-color: #66001d !important;
}

/* MailChimp */

#mc_embed_signup {
    background: none !important;
}

#mc_embed_signup h2,
#mc_embed_signup .indicates-required {
    display: none !important;
}

#mc_embed_signup form {
    padding: 0 !important;
}

#mc_embed_signup form label {
    font-weight: normal !important;
}

#mc_embed_signup #mc-embedded-subscribe {
    background-color: #ac0032;
}

#mc_embed_signup #mc-embedded-subscribe:hover {
    background-color: #66001d;
}

/*** Media Queries ***/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	#menu-main-menu > li > a {
		font-size: 14px;
		padding: 10px;
	}

	#menu-social ul li a:before {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

	#menu-main-menu > li > a {
		font-size: 16px;
		padding: 10px 15px;
	}

	#menu-social-items {
		text-align: center;
	}

	#menu-social ul li a:before {
		width: 35px;
		height: 35px;
		line-height: 35px;
	}

	#menu-top-menu {
		margin: 0;
	}

	#menu-top-menu li {
		float: left;
	}

	.navbar-inverse .navbar-toggle {
		border: none;
	}

	.navbar-inverse .navbar-toggle:hover,
	.navbar-inverse .navbar-toggle:active,
	.navbar-inverse .navbar-toggle:focus {
		background-color: transparent;
	}

	#logo {
		text-align: center;
	}

	.navbar-brand {
		float: none;
		height: auto;
		width: 100%;
		text-align: center;

	}

	.navbar-brand img {
		max-height: 80px;
		width: auto;
		display: inline-block;
	}

	.navbar-inverse .navbar-collapse,
	.navbar-inverse .navbar-form {
		border-color: rgba(255,255,255,0.3);
	}


	.home-jumbotron h2,
	.home-jumbotron p {
		max-width: auto;
	}
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.navbar-brand {
		width: 100%;
		height: auto;
	}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}