/* 



WOO CUSTOM STYLESHEET



---------------------







Instructions:







Add your custom styles in this file instead of style.css so it 



is easier to update the theme. Simply copy an existing style 



from style.css to this file, and modify it to your liking. */





/*

Purple: #59095A

Blue: #228ea6

Green: #9bba58

Light Blue: #4f81bc

Red: #c0504d

*/





/* 



GLOBAL STYLES



----------------



Add styles beneath this line that you want to be applied across your entire site */



/*Header*/



#header { background: white; border-bottom: none; padding: 1.618em; }

#featured.fade { padding: 1.618em; }

#top { background: #228ea6; }

/*Content*/

#content { padding: 3.236em 0; }

.archive-header h1 { font-size: 2.387em; font-weight: normal; }

.archive-header .archive-rss a { display: none; }

.post header h1, .type-page header h1 { margin-bottom: 1.236em; }

.home #content header h1 { display: none; }

/*Top Navigation*/

#top ul.nav li a { text-decoration: none; }

#top ul.nav li.current_page_item > a, #top ul.nav li.current_page_parent > a, #top ul.nav li.current-menu-ancestor > a, #top ul.nav li.current-cat > a, #top ul.nav li.li.current-menu-item > a { text-decoration: none; }

#top ul.nav ul li:hover > a { text-decoration: none; background: #59095A; }

ul.nav ul { width: 16.089em; }

ul.nav li a { -webkit-border-radius: 0px; border-radius: 0px; }

/* Typography */

h1, h2 { font-family: Calibri, arial, sans-serif; color: #228ea6; }

.page header h1 { margin-bottom: 1em; line-height: 1.3em; }

h2 { font-size: 1.4em; font-weight: bold; }

.entry h3, h4 { color: #228ea6; }

#footer-widgets .widget { h3 margin-bottom: 2em; }

/* Navigation */

/*Navigation*/

#navigation { background: #777; margin: 3em 0 0; }

#navigation ul.nav > li { margin: 0; }

#navigation ul.nav > li > a { -webkit-border-radius: 0px; border-radius: 0px; }

#navigation ul.nav > li > a:hover { background: #777; }

#navigation ul.nav > li:hover > a { background: #777; }

#navigation ul.nav li a { padding: .236em 1em; text-decoration: none; }

#navigation ul.nav li.current_page_item > a, #navigation ul.nav li.current_page_parent > a, #navigation ul.nav li.current-menu-ancestor > a, #navigation ul.nav li.current-cat > a, #navigation ul.nav li.li.current-menu-item > a { background: #228ea6; text-decoration: none; }

#navigation ul.nav ul { background: #777; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-top: 0px; padding-top: 0px; }

#navigation ul.nav ul > li > a:hover { background: #228ea6 !important; }

#navigation ul.nav ul > li:hover > a { background: #228ea6 !important; }

#navigation ul.nav ul > li > a { font-size: 1.2em; }

ul.nav ul { width: 16.089em; }

ul.nav li a { -webkit-border-radius: 0px; border-radius: 0px; }

/* Sidebar Menus */

.parent a { display: block; border-bottom: 1px solid rgba(34, 142, 166, .2); padding: .4em 0; }

.parent a:hover { background: rgba(34, 142, 166, .2); text-decoration: none; }

.parent { font-weight: bold; }

.children { font-weight: normal; margin: 0; }

#sidebar a:hover { text-decoration: none; }

/*Sortcodes*/

.woo-sc-divider { margin-bottom: 0; padding-top: 0; width: 100%; }

/* Remove the comments button */

.post-more .comments, .post-more-sep { display: none; }

.post-meta { display: none; }

.home #main { width: 100%; }

.home #sidebar { display: none; }

/* QORU Styles */

.standfirst { font-size: 1.15em; line-height: 1.6em; margin-bottom: 1em; }

.box { border: 1px solid; border-color: #228ea6; -webkit-border-radius: 20px; border-radius: 20px; padding: 1em 1em 0 1em; margin-bottom: 1em; }

.question { font-style: italic; font-size: 1.5em; text-align: center; color: #222; min-height: 130px; line-height: 1.5em; }

.purple { color: #59095A; }

.blue { color: #228ea6; }

.green { color: #9bba58; }

.red { color: #c0504d; }

.massive { width: 100% !important; padding: 1em !important; font-size: 1.5em !important; -webkit-border-radius: 20px !important; border-radius: 20px !important; border: 10px solid !important; opacity: 50% !important; }

.home-title { text-align: center; font-size: 2em; }

.footer-logo { margin-bottom: 20px; }

td { width: 33% }

/*Special Recent Posts*/

div.srp-widget-singlepost { padding: 0px 0px 0px 0px; border-bottom: 1px solid rgba(34, 142, 166, .2); }

/*Speach Bubbles*/

.triangle-border-green { position: relative; padding: 15px; margin: 1em 0 3em; border: 5px solid #9bba58; color: #333; background: #fff; -webkit-border-radius: 20px; border-radius: 20px; }

.triangle-border-green:before { content: ""; position: absolute; bottom: -20px; left: 40px; border-width: 20px 20px 0; border-style: solid; border-color: #9bba58 transparent; display: block; width: 0; }

.triangle-border-green:after { content: ""; position: absolute; bottom: -13px; left: 47px; border-width: 13px 13px 0; border-style: solid; border-color: #fff transparent; display: block; width: 0; }



.triangle-border-blue { position: relative; padding: 15px; margin: 1em 0 3em; border: 5px solid #228ea6; color: #333; background: #fff; -webkit-border-radius: 20px; border-radius: 20px; }

.triangle-border-blue:before { content: ""; position: absolute; bottom: -20px; left: 40px; border-width: 20px 20px 0; border-style: solid; border-color: #228ea6 transparent; display: block; width: 0; }

.triangle-border-blue:after { content: ""; position: absolute; bottom: -13px; left: 47px; border-width: 13px 13px 0; border-style: solid; border-color: #fff transparent; display: block; width: 0; }



.triangle-border-purple { position: relative; padding: 15px; margin: 1em 0 3em; border: 5px solid #59095A; color: #333; background: #fff; -webkit-border-radius: 20px; border-radius: 20px; }

.triangle-border-purple:before { content: ""; position: absolute; bottom: -20px; left: 40px; border-width: 20px 20px 0; border-style: solid; border-color: #59095A transparent; display: block; width: 0; }

.triangle-border-purple:after { content: ""; position: absolute; bottom: -13px; left: 47px; border-width: 13px 13px 0; border-style: solid; border-color: #fff transparent; display: block; width: 0; }





/* 



DESKTOP STYLES



-----------------



Add styles inside the media query below that you only want to be applied to the desktop layout of your site */







@media only screen and (min-width: 768px) {

/* Desktop styles go here */



}