/*
 * Theme Name: Dimon Custom Theme
 * Description: A custom theme for the Dimon Institute Website.
 * Author: Genie Lauren
 * Author URI: http://dimoninstitute.org
 * Version: 1.0
*/

/* =Table of Contents
 * 
 * =Reset Styles
 * =HTML5 Elements 
 * =Global Styles
 * =Fonts
 * =Page Styles
 *==================================================================*/

/* =Reset Styles
* ==================================================================*/ 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, 
dfn, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, center,
dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td, article, aside, canvas, 
details, embed, figure, figcaption, footer, 
header, hgroup, menu, nav, output, ruby, section, 
summary, time, mark, audio, video {
 	font: 			inherit;
	border:			0;
 	margin:			0;
 	padding:		0;
 	font-size:		100%;
 	vertical-align: baseline; 
}

/* =HTML5 Elements
* ==================================================================*/ 
article, aside, details, figcaption, 
figure, footer, header, hgroup, 
menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, 
blockquote:after,
q:before, 
q:after {
	content: '';
	content: none;
}

table {
	border-spacing:  0;
	border-collapse: collapse;
}

/* =Global Styles
* ==================================================================*/ 

/* Theme Colors
 *
 * zomp green      = #5e9f8f (for anchor tags and buttons)
 * hooker green    = #4b7f72 (for anchor tags and buttons hover)
 * midnight green  = #133946 (for anchor tags visited and button border)
 * saffron yellow  = #E6C017 (for highlighting and accenting)
 * auburn red      = #AF3939 (button hover)
 * dark navy       = #313131 (nav bar and footer)
 * white           = #F3F3F3 (body background desktop)
 */

a {
	color: 			 #5e9f8f;
	text-decoration: none;
	/* on hover off*/
	-webkit-transition: color 0.5s ease-in-out;
	-moz-transition: 	color 0.5s ease-in-out;
	-ms-transition: 	color 0.5s ease-in-out;
	-o-transition: 		color 0.5s ease-in-out;
	transition: 		color 0.5s ease-in-out;
}

a:hover {
	color: #4b7f72;
}

a:visited {
	color: #133946;
}

button:focus,
input:focus,
textarea:focus {
	outline-color: #E6C017;
}

.cf:after {
 	clear:      both; 
 	height:     0; 
 	content:    ".";  
 	display:    block; 
 	visibility: hidden;
}

em {
	font-style: italic;
}

h1 {
	margin:      .67em;
	font-size:   2em;
	line-height: 1em;
}

h2 {
	margin:    .75em;
	font-size: 1.5em;
}

h3 {
	margin:    .83em;
	font-size: 1.17em;
}

h4 {
	margin:    .95em;
	font-size: 1em;
}

h5 {
	margin:    1.5em;
	font-size: .83em;
}

h6 {
	margin:    1.67em;
	font-size: .75em;
}

h1, h2, h3,
h4, h5, h6 {
	font-weight: 800;
}

input,
textarea{
  outline-color: #E6C017;
}

::selection {
	background: #E6C017;
}

strong {
	font-weight: 700;
}

u {
	text-decoration: underline #E6C017;
}

/* =Fonts 
*==================================================================*/

@font-face {
	font-family:'Noto Sans SC';
	font-weight: 400;
	src: url('fonts/NotoSansSC-Regular.woff2') format('woff2');
}

@font-face {
	font-family:'Noto Sans SC';
	font-weight: 700;
	src: url('fonts/NotoSansSC-Bold.woff2') format('woff2');
}

@font-face {
	font-family: 'Open Sans';
	font-weight: 400;
	src: url('fonts/OpenSans-Regular.woff2') format('woff2');
}

@font-face {
	font-family: 'Open Sans';
	font-weight: 700;
	src: url('fonts/OpenSans-Bold.woff2') format('woff2');
}

@font-face {
	font-family: 'FontAwesome';
	src: url('fonts/fontawesome-webfont.eot?v=4.0.3');
	src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), 
  	   url('fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), 
  	   url('fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), 
  	   url('fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

.bold {
	font-weight: 700;
}

.noto-sans {
	font-family:'Noto Sans SC', sans-serif;
}

.open-sans {
	font-family: 'Open Sans', sans-serif;
}

.font-awe {
	font-family: 'FontAwesome';
}

.italic {
	font-style: italic;
}

/* =Page Styles 
*==================================================================*/

body.login {
	font-family: 	   'Open Sans', sans-serif;
}

body.login div#login form#loginform {
	background: 		#313131;
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
	-moz-box-shadow: 	0px 0px 20px rgba(0, 0, 0, 1);
	box-shadow: 		0px 0px 20px rgba(0, 0, 0, 1);
}

body.login div#login p#nav a,
body.login div#login p#backtoblog a {
	color: #313131;
	/* on hover off */	
	-webkit-transition: color 0.5s ease-in-out;
	-moz-transition: 	color 0.5s ease-in-out;
	-ms-transition: 	color 0.5s ease-in-out;
	-o-transition: 		color 0.5s ease-in-out;
	transition: 		color 0.5s ease-in-out;
}

body.login div#login p#nav a:hover,
body.login div#login p#backtoblog a:hover {
	color: #4b7f72;
}

body.login div#login form#loginform p label {
	color: #F3F3F3;
}

body.login div#login form#loginform input {
	color: 				#4b7f72;
	border: 			none;
	outline-color: 		#4b7f72;
	background-color:   #292C39;
	box-shadow: 		inset 2px 2px 3px 0 #000000;
	-moz-box-shadow:	inset 2px 2px 3px 0 #000000;
	-webkit-box-shadow: inset 2px 2px 3px 0 #000000;
}

body.login div#login form#loginform p.submit input#wp-submit {
	color: 				#F3F3F3;
	border: 			solid 1px #313131;
	background:   		#AF3939;
	box-shadow: 		none;
	text-shadow: 		none;
	-moz-box-shadow:	none;
	-webkit-box-shadow: none;
}

body.login div#login form#loginform p.submit input#wp-submit:hover {
	background:   #E6C017;
	border-color: #E6C017;
}