style.css

/* 
Theme Name: Sauder Responsive
Description: Responsive Child Theme for Sauder School of Business
Template: responsive
Version: 1.0.0
Author: CTLT, Devindra Payment
Author URI: 
License: GNU General Public License
License URI: license.txt
*/

/**
* Sauder colours (21 Nov 2016):
*   #78BE20 Sauder Green ***Sauder primary colour***
*		#CBE4A9 Sauder Green 40% Tint
*		#1F5A19 Sauder Green 65% Tint
*	#002145 Sauder Blue Dark ***Sauder primary colour***
*	#319B42 Sauder Green Dark
*		#B2D7B0 Sauder Green Dark 40% Tint
*		#004B1A Sauder Green Dark 65% Tint
*	#1B365D Sauder Blue Light
*   #00B5E2 Sauder Blue Sky
* 		#ACE1F4 Sauder Blue Sky 40% Tint
*		#00566E Sauder Blue Sky 65% Tint
*   #5B6770 Sauder Grey Dark
*   #C1C6C8 Sauder Grey Light 
*   #FEDD00 Sauder Yellow ***only for highlights***
**/

/* ==============================================
   site title and description fields above banner
   ============================================== */

#logo { /* controls the site title and site description fields */
	float: none; /* centers title and description (default was "left") */
	text-align: center;
	margin: 15px 0; /* top/bottom left/right */
}

#logo .site-name a { /* controls the site title */
	color: #002145; /* Sauder Blue Dark */
}

#logo .site-description { /* usually contains "Instructor: Name" */
	color: #002145; /* Sauder Blue Dark */
	display: block;
	font-size: 1.2em;
	margin: 10px 0; /* values control top/bottom  right/left */
}

/* ==============================================
   header and sub-header menus
   ============================================== */

.menu { /* this is the main header menu */
	background-color: #5B6770; /* Sauder Grey Dark */
	background-image: none;
}

.menu a {
	border-left: 1px solid #5B6770; /* Sauder Grey Dark - override of the default theme colour */
	color: #ffffff;
}

.menu a:hover {
	background-color: #002145; /* Sauder Blue Dark - override of the default theme colour */
	background-image: none;
	color: #ffffff;
}

.menu .current_page_item a,
.menu .current-menu-item a {
	background-color: #002145; /* Sauder Blue Dark - override of the default theme colour */
}

ul.menu > li:hover {
	background-color: #002145; /* Sauder Blue Dark - override of the default theme colour */
	color: #ffffff;
}

.menu ul li a:hover {
	color: #002145; /* Sauder Blue Dark - override of the default theme colour */
}

.sub-header-menu { /* secondary menu */
	background-color: #C1C6C8; /* Sauder Grey Light */
	border: 0 1px 0;
	border-color: #C1C6C8; /* Sauder Grey Light */
}

.sub-header-menu a {
	border-left: 1px solid #e5e5e5;
	color: #002145; /* Sauder Blue Dark - override of the default theme colour */
}

.new-window-icon a,
.new-window-icon a:hover,
.home-icon a,
.home-icon a:hover {
	padding-right: 20px;
	padding-left: 20px;
	background-position: center;
	background-repeat: no-repeat;
}

.new-window-icon a,
.new-window-icon a:hover {
	background-image: url("./images/link_icon.png");
}

.home-icon a,
.home-icon a:hover {
	background-image: url("./images/home_icon.png");
}

/* ==============================================
   general content formatting
   ============================================== */

#wrapper h1 { /* font size of H1 in the content */
	font-size: 2em;
}

#wrapper a {
	font-weight: bold;
}

#wrapper a:link { /* controls all links in the content */
	color: #1B365D; /* Sauder Blue Light */
}

#wrapper a:visited { /* controls all visited links in the content */
	color: #5B6770; /* Sauder Grey Dark */
}

#wrapper a:hover { /* controls hover effect of all links in the content */
	color: #78BE20; /* Sauder Green */
}

#wrapper a.button { /* Fix the text color on button links */
	color: white;
}

/* ==============================================
   specific elements
   ============================================== */
   
#mc_embed_signup input.button { /* MailChimp "subscribe" button */
	background-color: #C1C6C8; /* Sauder Grey Light - makes it more visible */
	background-image: none;
	color: #002145; /* Sauder Blue Dark */
	font-family: Arial, Helvetica, sans-serif; /* makes the button's font more consistent with the rest of the page */
	font-weight: bold;
}