/********************************************************************************************************
* Hello there! Here's your one-stop guide for editing the UVic ESS website! If you're
* planning on updating the website's design, this is where most of your changes can be
* made. If you clear (delete) this "file," the website will go back to it's original
* orange and grey WordPress theme (for the most part). Below this block of text is a basic
* style guide for the current design. If something doesn't change when changing this file,
* there's probably something else overriding it in one of the many, many files in the theme.
* I suggest using Chrome's inspect tool to find out what's overriding what! To edit the
* WordPress theme we're using, go to: 
*	 Paintbrush Icon > Editor > AccentBox (the second one, listed as the parent theme)
*
* From there, all the files are listed on the right hand side for you to edit.
*
*
*		Good luck, and if you need any help or have questions, shoot me an email!
*
* 									- Nilay Sondagar, Director of IT (Summer 2018)
*		 								-> nilay@sondagar.com
*
* ------------------------------------ [STYLE GUIDE] ------------------------------------
* 	Font-family: "Raleway"
* 	Orange: #fc9206
* 	Blue: #2e90ff
* 	White: white
* 	Black: black
* 	Box-shadow (blog post cards): box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)
* 	Box-shadow (Exec/Merch cards): box-shadow: 0px 0px 10px 2px grey
*	Card border radius: 10px
*
* Body text should be black, main page headings should be orange, sub-headings should be black or blue,
* and links should be blue or orange, depending on the surrounding content (ie. look at the exec page vs
* the clubs page)
*
********************************************************************************************************/

/*-----------------------[OVERALL STYLES]-----------------------*/

h1,h2,h3,h4,h6,p,li {
 	font-family: "Raleway";
  	color: black;
    text-shadow: none;
}/*headers/paragraph/list text*/

h5 {
  	font-family: "Raleway";
  	color: #2e90ff;
  	text-shadow: none;
}/*header 5 text*/

em {
  	font-family: "Raleway";
}/*em*/

#header {
  	background-color: #fc9206;
}/*main header background*/

.main-header {
  	border-bottom: 7px solid black;
}/*main-header*/

footer a:link {
  color: #fc9206;
  text-shadow: none;
}/*links in footer*/

footer a:hover, .top a:hover {
  color: #2e90ff;
}/*links in  footer HOVER*/

body > footer {
  	font-family: "Raleway";
  	background-color: black;
  	background-image: none;
  	color: white;
  	border-top: 7px solid #fc9206;
  	border-bottom: none;
}/*FOOTER*/

.widget {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    border: #eaeaea solid 1px;
    padding: 10px;
  	margin-right: 10px;
  	border-radius: 5px;
}/* SIDEBAR Column*/

.widget a {
  	color: #fc9206;
}/*SIDEBAR links*/

.widget a:hover {
  	color: #2e90ff;
}/*SIDEBAR links HOVER*/

.sidebar h3 {
  	font-family: "Raleway";
  	font-weight: bold;
  	color: #2e90ff;
  	text-shadow: none;
}/*sidebar*/

.highlightblue {
  	color: #2e90ff;
  	font-weight: bold;
}/*highlightblue*/

/*-----------------------[BLOG POSTS]-----------------------*/

.post.excerpt {
  	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  	border: #eaeaea solid 1px;
  	border-radius: 5px;
}/*post*/

.bubble a {
  	font-family: "Raleway";
  	font-weight: bold;
  	color: black;
  	background-color: white;
  	border: #fc9206 solid 2px;
  	text-shadow: none;
 	transition: ease-out 1s;
}/*bubble*/

.bubble a:hover {
  	font-family: "Raleway";
  	font-weight: bold;
  	color: white;
  	background-color: #fc9206;
  	text-shadow: none;
 	transition: ease-out 1s;
}/*bubble*/

.more a {
	border-radius: 3px;
}/*READ MORE Button*/

#shiftright {
	float: right;
}

.title {
  	font-family: "Raleway";
  	font-size: 250%;
  	color: #fc9206;
  	text-align: left;
  	text-shadow: none;
}/*title*/

.title a {
  	font-family: "Raleway";
  	color: #2e90ff;
  	text-align: left;
  	text-shadow: none;
}/*a, title*/

.subtext {
  	font-family: "Raleway";
  	color: black;
  	text-align: left;
  	display: inline-block;
}/*subtext*/

.postauthor {
  	font-family: "Raleway";
  	color: black;
  	background-color: white;
  	background-image: none;
  	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  	border: #eaeaea solid 1px;
  	border-radius: 5px;
  	margin-left: 3%;
  	margin-right: 3%;
}/*postauthor*/

.postauthor h4 {
  	font-family: "Raleway";
  	color: black;
  	text-outline: none;
}/*postauther text*/

/*-----------------------[NAVIGATION BAR]-----------------------*/

#navigation ul ul {
  	box-shadow: 1px 10px 10px 0px grey;
  	border: none;
}/*navigation submenu*/

.secondary-navigation {
	text-align: center;
  	margin-right: 5px;
}/*NAVIGATION*/

.secondary-navigation a {
  	font-family: "Raleway";
  	font-size: 20px;
  	color: #2e90ff;
    text-shadow: none;
}/*NAVIGATION*/

/*#login, #register {
  	display: inline-block;
  	margin: 0;
    border: solid 2px white;
    border-radius: 5px;
    background-color: #fc9206;
    font-family: Raleway;
  	font-size: 11px;
  	letter-spacing: 2px;
    text-transform: uppercase;
    color: white;
  	width: 90px;
    height: 33px;
    vertical-align: middle;
    text-align: center;
  	margin-top: 15px;
 	float: right;
}/*login*/

/*-----------------------[EXEC PAGE / MERCH CARDS]-----------------------*/

.streamtitle {
  	font-family: "Raleway";
  	font-weight: bold;
  	text-align: center;
  	color: #2e90ff;
  	text-shadow: none;
}/*streamtitle*/
	
.execcard {
	width: 190px;
  	height: 270px;
  	background-color: white;
  	text-align: center;
  	padding-top: 20px;
  	margin-top: 20px;
  	display: inline-block;
  	border-radius: 10px;
  	vertical-align: text-top;
  	transition: ease-out 0.5s;
}/*execcard*/

.execcard:hover {
  	transition: ease-out 0.5s;
  	box-shadow: 0px 0px 10px 2px grey;
}/*execcard HOVER*/

.round {
  	width: 150px;
  	height: 150px;
}/*round*/

.execname {
  font-family: "Raleway";
  color: #fc9206;
  text-shadow: none;
}/*execname*/

.execpos {
  font-family: "Raleway";
  font-style: none;
  color: black;
  text-shadow: none;
}/*execpos*/

.execemail {
  font-family: "Raleway";
  color: #2e90ff;
  text-shadow: none;
}/*execemail*/

/*-----------------------[PAST UVEC COMPETITIONS PAGE ]-----------------------*/

/*.photocard CSS is in the main CSS file for the theme so it can dynamically scale with the size of the device screen. Sorry!*/

.uvecphoto {
  	border-radius: 5px;
}/*uvecphoto*/