/*! normalize.css v2.1.0 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    font-weight: inherit; /* 1 */
    margin: 0; /* 3 */
    padding: 0;
}

/**
 * Remove the default button background color that browsers set
 */

button {
    background: transparent;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * Make sure selects don't get the default browser styles.
 */
select {
  margin: 10px 0px;
}


/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 * 3. Disable resizing by default.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
    resize: none; /* 3 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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



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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
body {
  line-height: 1;
  color: black;
  background: white;
}
ol, ul, li {
  list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}
a,
a:hover,
a:visited {
  text-decoration: none;
}

/* Amended to make images responsive */
img {
  max-width: 100%;
  height: auto;
}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}/*
Theme Name: Sheffield Yoga School
Author: Josh.biz
Author URI: http://www.josh.biz
Version: 1.0
*/



body {
	background-color: #000000;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px; /*16px*/
	color: #3F3F3F;
}
#banner {
	width: 100%;
	height: 75px;
	background: url('images/banner.jpg') #000000;
	background-repeat: repeat-x;
	background-size: auto auto;
	background-position: center center;
}
#header {
	position: relative;
	clear: both;
	width: 100%;
	height: auto;
	background: url('images/header_bg2.png') #000000;
	background-repeat: repeat-y;
	background-size: auto auto;
	background-position: center center;
}
.hdr_inner {
	position: relative;
	width: 100%;
	max-width: 960px;
	height: auto;
	margin: 0 auto;
	background: url('images/header_grad.png') rgb(222, 222, 222);
	background-repeat: repeat-y;
	background-size: contain;
	background-position: center center;
}
#header #syslogo {
	float: left;
	width: 239px;
	height: 200px;
	margin-top: 14px;
	background-image: url('images/sys_logo.png');
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
}
#header h1, #header p {
	text-align: center;
}
#header h1 img, #header p img {
	margin: 30px auto 16px;
}
#header #ohm {
	float: right;
	clear: none;
	width: 239px;
	height: 200px;
	margin-top: 14px;
	background-image: url('images/ohm.png');
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
}
#menu {
	position: relative;
	width: 100%;
	height: 52px;
	margin: 0 auto;
	background-color: #452d0c;
	text-align: center;
}
#nav {
	position: relative;
	width: 100%;
	max-width: 960px;
	height: 52px;
	margin: 0 auto;
}
/* Can probably delete this after full menu inserted */

#menu #nav p {
	font-size: 1.75em;
	padding-top: 10px;
	color: #ffffff;
}
#outer_wrapper {
	width: 100%;
	margin: 0 auto;
	background-color: #e89827;
}
#inner_wrapper {
	width: 100%;
	max-width: 1460px;
	margin: 0 auto;
	background: url('images/wrapper_bg.png') rgb(222, 222, 222);
	background-repeat: repeat-y;
	background-size: contain;
	background-position: center center;
}
#content {
	width: 70%;
	max-width: 870px;
	margin: 50px auto 40px auto;
}

.page-id-8145 #content {
	width: 100%;
}

#content h1 {
	color: #C74A36;
	font-size: 2em; /*32px/16px*/
	line-height: 40px;
	margin-bottom: 10px;
	letter-spacing: -0.025em;
}
#content h2, .category #news h2, .blog #news h2 {
	font-size: 1.625em; /*26px/16px*/
	line-height: 1.6em;
	margin-top: 44px;
	margin-bottom: 10px;
	color: #C74A36;
	letter-spacing: -0.025em;
}
#content h3, .category #news .news-item h3, .blog #news .news-item h3 {
	font-size: 1.5em; /*24px/16px*/
	line-height: 28px;
	margin-top: 40px;
	margin-bottom: 8px;
	color: #616819;
	text-align: left;
	letter-spacing: -0.025em;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
#content p {
	font-size: 1em; /*16px/16px*/
	line-height: 1.55555555em; /*28px/18px*/
	margin-bottom: 20px;
}
#content p.wp-caption-text {
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
}
#content a:link, #content a:visited {
	color: #3F3F3F;
	text-decoration: underline;
}
#content a:hover, #content a:active {
	color: #3F3F3F;
	text-decoration: underline;
}
#inner_wrapper ul, #inner_wrapper ol {
	font-size: 1em; /*16px/16px*/
	margin-left: 40px;
	margin-bottom: 18px;
}
#inner_wrapper ul li, #inner_wrapper ol li,  .news-item ul li, .news-item ol li {
	margin-bottom: 6px;
	line-height: 1.55555555em; /*28px/18px*/
}
#inner_wrapper ul li, .news-item ul li {
	list-style-type: disc;
}
#inner_wrapper ol li, .news-item ol li {
	list-style-type: decimal;
}
.news-item ul, .news-item ol {
	overflow: hidden;
}
.news-item ul li, .news-item ol li {
	font-size: 18px;
	margin-left: 40px;
}
.page-id-100 #content ul li, .page-id-100 #content ol li {
	margin-bottom: 20px;
}
#inner_wrapper .alignleft {
	float: left;
	margin: 0px 30px 30px 0px;
}
#inner_wrapper .alignright {
	float: right;
	margin: 0px 0px 30px 30px;
}
#featured {
	padding-left: 30px;
	max-width: 960px;
	margin: 40px auto 0 auto;
}
.feature-box {
	float: left;
	height: 356px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 0px;
	background-color: #bb471f;
	border: solid 3px #bb471f;
}
.feature-box img {
}
.feature-box h2 {
	color: #ffffff;
	font-size: 1.625em;/*26px / 16px*/
	line-height: 30px;
	text-align: center;
	padding-top: 6px;
	letter-spacing: -0.025em;
}
.feature-box h2 a:link, .feature-box h2 a:visited {
	color: #ffffff;
	text-decoration: none;
}
.feature-box h2 a:hover, .feature-box h2 a:active {
	text-decoration: underline;
}
#news {
	width: 80%;
	max-width: 960px;
	margin: 40px auto 0 auto;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	padding-right: 40px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-color: #bf7d20;
}
#news h3,
p.description {
	text-align: center;
	color: #ffffff;
	font-size: 2.5em;/*40px / 16px*/
	letter-spacing: -0.025em;
}

#news h3 a, #news h3 a:link, #news h3 a:visited,
#news p.description a:link, #news p.description a:visited {
	color: #ffffff;
	text-decoration: none;
}
#news h3 a, #news h3 a:hover, #news h3 a:active,
#news p.description a:hover, #news p.description a:active {
	text-decoration: underline;
}
.news-item {
	min-height: 214px;
	background: #ffffff;
	margin-top: 26px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 20px;
}
.blog .news-item {
	padding-bottom: 40px;
}
.post-nav {
	background: #ffffff;
	margin-top: 26px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 20px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
.post-nav a:link, .post-nav a:visited {
	color: #BF7D20;
	text-decoration: none;
}
.post-nav a:hover, .post-nav a:active {
	color: #AD6D13;
	text-decoration: underline;
}
.news-item img.wp-post-image {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 174px;
	height: 174px;
}
.blog .news-item img.wp-post-image {
	margin-bottom: 20px;
}
.category-quotes #content {
	text-align: center;
}
.single .post-thumb img {
	margin: 20px auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*max-height: 174px;
	max-width: 174px;*/
}
#news .news-item h4,
#news .news-item h1,
.single-post h1 {
	font-size: 1.625em;/*26px / 16px*/
	color: #B16B00!important;
	font-weight: normal;
	margin-top: 24px;
	margin-bottom: 6px;
	line-height: 1.5em;
	letter-spacing: -0.025em;
}
#news .news-item h1 {
	font-size: 32px;
}
.blog #news .news-item h4, .category #news .news-item h4,
.blog #news .news-item h1, .category #news .news-item h1,
.blog #news .single-post h1, .category #news .single-post h1 {
	margin-bottom: 16px;
}
#news .news-item h4 a:link, #news .news-item h4 a:visited,
#news .news-item h1 a:link, #news .news-item h1 a:visited {
	color: #d27f00;
	text-decoration: none;
}
#news .news-item h4 a:hover, #news .news-item h4 a:active,
#news .news-item h1 a:hover, #news .news-item h1 a:active {
	text-decoration: underline;
}
#news .news-item p {
	font-size: 1em;
	line-height: 1.5em;
	color: #373737;
	margin-bottom: 20px;
}
#news .news-item p a:link, #news .news-item p a:visited {
	color: #B16B00;
	font-weight: bold;
	text-decoration: underline;
}

#news .news-item p a.more-link:link, #news .news-item p amore-link:visited {
	text-decoration: none;
	    margin-bottom: 2em;
}

#news .news-item p a:hover, #news .news-item p a:active,
#news .news-item p a.more-link:hover, #news .news-item p a.more-link:active {
	text-decoration: underline;
}
#news .news-item p a:link span.readmore, #news .news-item a:visited span.readmore {
	color: #B16B00;
	font-weight: bold;
}
#news .news-item p.category {
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 1em;/*16px / 16px*/
}
#news .news-item p.category a:link, #news .news-item p.category a:visited {
	color: #6C4A15;
	font-weight: bold;
	/*font-style: italic;*/
	text-transform: uppercase;
}
#news .news-item p.category a:hover, #news .news-item p.category a:active {
	text-decoration: underline;
}

#sys-info {
	width: 80%;
	max-width: 960px;
	margin: 40px auto 0 auto;
	background-color: #7a831f;
	padding: 40px 40px 20px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
#sys-info h3 {
	text-align: center;
	color: #ffffff;
	font-size: 2.5em;/*40px / 16px*/
	margin-bottom: 24px;
	letter-spacing: -0.025em;
}
#sys-info p {
	font-size: 1.25em;/*20px / 16px*/
	margin-bottom: 22px;
	color: #FFFFFF;
	line-height: 26px;/*text-align: center;*/
}
#sys-info a:link, #sys-info a:visited {
	color: #edff3c;
	text-decoration: none;
}
#sys-info a:hover, #sys-info a:active {
	text-decoration: underline;
	font-weight: bold;
}
#footer {
	width: 80%;
	max-width: 960px;
	margin: 3em auto 0 auto;
	border-radius: 30px;
	background-color: #b04b29;
	padding: 40px;
	overflow: hidden;
}
#footer p {
	font-size: 1.5em;/*24px / 16px*/
	margin-bottom: 22px;
	color: #FFFFFF;
	line-height: 36px;
}
#footer p.telephone span {
	font-weight: bold;
	color: #f8e168;
}
#footer p.email span {
	font-weight: bold;
	color: #ffad2e;
}
#footer p a:link, #footer p a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#footer p a:hover, #footer p a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer p.legal {
	font-size: 1em;/*16px / 16px*/
	line-height: 24px;
	margin-top: 60px;
}
#footer #fb img {
	margin-right: 20px;
}
#footer img.right {
	float: right;
	margin: 0px 0px 20px 20px;
}
#wrapper_bottom {
	width: 100%;
	height: 109px;
	margin: 0 auto;
	background-color: #e89827;
}
#wrapper_bottom_inner {
	width: 100%;
	max-width: 1460px;
	height: 140px;
	margin: 0 auto;
	background: url('images/footer_grad_bottom.jpg') #e89827;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center top;
	text-align: center;
}

#wrapper_bottom_inner img {
	margin-top: 3.6em;
}
#page_bottom_outer {
	width: 100%;
	height: 40px;
	margin: 0 auto;
	background: url('images/page_bottom_bg.png') rgba(163, 0, 0, 0);
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
}
#page_bottom_inner {
	width: 100%;
	max-width: 1680px;
	height: 40px;
	margin: 0 auto;
	background-image: url('images/page_bottom_grad.png');
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
}
.aligncenter, img.aligncenter, .wp-caption.aligncenter {
	clear: both;
	display: block;
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: auto;
	margin-right: auto;
}
blockquote {
	font-size: 1em;
	font-style: italic;
	width: 80%;
	background-color: #fbf6f0;
	text-align: center;
	margin: 40px auto 30px auto;
	padding: 40px 20px;
}
blockquote cite {
	color: #a1a1a1;
	font-size: 24px;
	display: block;
	margin-top: 16px;
}
blockquote cite:before {
	content: "\2014 \2009";
}
.blog blockquote, .category blockquote {
	width: 66%;
	background-color: #fbf6f0;
	text-align: center;
	margin: 40px 30px 30px auto;
	padding: 40px 20px;
}
#blog-link {
	padding: 20px 0px;
	text-align: center;
	font-size: 1.5em; /* 24px/16px*/
}
#blog-link a:link, #blog-link a:visited {
	color: #ffffff;
}
#blog-link a:hover, #blog-link a:active {
	color: #ffffff;
	text-decoration: underline;
}
.page-id-262 .wp-caption-text {
	text-align: center;
	font-weight: bold;
	font-size: 1.25em;
}
.page-id-417 #content img,
.page-id-580 #content img,
.page-id-592 #content img,
.page-id-594 #content img  {
	margin-right: 1em;
}
.rounded {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
fieldset, textarea, select {
	font-size: inherit;
	color: inherit;
	border: 1px #333333 solid;
}


#inner_wrapper sup {
	font-size: 0.8em;
}

#megaMenuToggle {
	color: #ffffff;
}

.ssba {
	margin-top: 36px;
}

.button, .more-link {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 0px solid #a12727;
    border-radius: 8px;
	
    background: #CA437B;
    background: -webkit-gradient(linear, left top, left bottom, from(#CA437B), to(#842c50));
    background: -moz-linear-gradient(top, #CA437B, #842c50);
    background: linear-gradient(to bottom, #CA437B, #842c50);
	
    color: #ffffff;
    text-decoration: none;
	margin-top: 1em;
}
.button:hover,
.button:focus,
.more-link:hover,
.more-link:focus {
    background: #B645BB;
	background-color: #842c50;
    color: #ffffff;
    text-decoration: none;
}
.button:active,
.more-link:active {
    background: #CA437B;
}


#content a:link.button, #content a:visited.button,
#news .news-item p a:link.button, #news .news-item p a:visited.button,
#news .news-item p a:link.more-link, #news .news-item p a:visited.more-link {
	color: #ffffff;
	text-decoration: none;
	}

#news .news-item p a:link, #news .news-item p a:visited {
	color: #B16B00;
	font-weight: bold;
	text-decoration: underline;
}
	
/*
 * #content a:hover.button, #content a:active.button,
#news .news-item p a:hover.more-link, #news .news-item p a:active.more-link {
	}

.button span,
.more-link span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after,
.more-link span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span,
.more-link:hover span {
  padding-right: 25px;
}

.button:hover span:after,
.more-link:hover span:after {
  opacity: 1;
  right: 0;
}
*/

form input {
	padding-left: 6px;
	padding-right: 6px;
	margin-left: 12px;
}



#inspireboxcontainer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 1.5rem;
    max-width: 1200px;
    margin: 2em auto 3em auto;
}
.inspirebox {
  background-color: #eeeeee;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
	padding-bottom: 1em;
}
.inspirebox img.aligncenter {
  margin: 0 !important;
  -webkit-border-top-left-radius: 20px !important;
  -webkit-border-top-right-radius: 20px !important;
  -moz-border-radius-topleft: 20px !important;
  -moz-border-radius-topright: 20px !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}

#content .inspirebox h2 {
	text-align: center;
	margin: 0 0 1em 0;
	padding: 0.5em;
	background: #721d58;
	color: #ffffff;
	font-size: 20px;
	line-height: 1.5em;
}

#content .inspirebox p {
	margin-bottom: 0!important;
}

#content .inspirebox ul {
	list-style: none;
	font-size: 16px;
	margin-left: 34px;
}

#content .inspirebox ul li {
	margin-bottom: 0.5em;
    padding: 0 0.5em 0 0;
	line-height: 1.5em;
}

#content .inspirebox ul li a:link, #content .inspirebox ul li a:visited {
	text-decoration: none;
	}
	
#content .inspirebox ul li a:hover, #content .inspirebox ul li a:active {
	text-decoration: underline;
	}



/* Josh customisations for Online Library */

.single-resource .category,
.single-resource .postlink {
	display: none;
}

.page-id-7681 #inner_wrapper,
.page-id-7789 #inner_wrapper,
.page-id-7763 #inner_wrapper,
.page-id-7979 #inner_wrapper,
.page-id-8082 #inner_wrapper {
	max-width: 100%;
}

.page-id-7681 #wrapper_bottom_inner,
.page-id-7789 #wrapper_bottom_inner,
.page-id-7763 #wrapper_bottom_inner,
.page-id-7979 #wrapper_bottom_inner,
.page-id-8082 #wrapper_bottom_inner{
	max-width: none;
	background: url('images/wrapper_bg.png') #e89827;
	background-repeat: repeat-y;
	background-size: contain;
	background-position: center top;
}

.page-id-7681 #content,
.page-id-7789 #content,
.page-id-7763 #content,
.page-id-8082 #content {
	max-width: 1440px;
	width: 90%;
}
/* Collections page */
.page-id-7979 #content {
	max-width: 1024px;
	width: 90%;
}

.page-id-7979 #content h2 {
    font-size: 18px;
    line-height: 1.5em;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #ffffff;
    letter-spacing: -0.025em;
}

.page-id-7979 #content .collectiongroup a:link,
.page-id-7979 #content .collectiongroup a:visited {
	text-decoration: underline;
}

.page-id-7979 #content .collectiongroup a:hover,
.page-id-7979 #content .collectiongroup a:active {
	text-decoration: underline;
}
	
	
	
	
	
.page-id-7681 #content ul.kb-query-grid-wrap,
.page-id-7789 #content ul.kb-query-grid-wrap {
	margin-right: 40px;
}

#content .results h3 {
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
    margin-bottom: 0px;
    color: #575757;
    text-align: left;
    letter-spacing: -.025em;
}

.single-resource-page #content .results h3 {
    font-size: 14px;
}

legend.kb-query-label {
    margin-bottom: 0em!important;
}

#content h3.resources {

	margin-bottom: 12px;
	text-align: center;
}

#content h2.resources.green {
	color: #616819;
    margin-bottom: 12px;
    text-align: center;
    margin-top: 1.5em;
    font-size: 22px;
}

#content .resources .button {
	margin-top: 0;
}



.page-id-7789 #content p {
	margin: unset;
}
.page-id-7789 #content h1 {
	margin-bottom: 0px;
}
.page-id-7789 #content h2 {
	margin-top: 10px;
}


#content p.guidelines {
	font-size: 14px;
	margin-top: 10px;
}

.page-id-7681 button.simplefavorite-button,
.page-id-7681 button.simplefavorite-button.active,
.page-id-7789 button.simplefavorite-button,
.page-id-7789 button.simplefavorite-button.active,
.page-id-8082 button.simplefavorite-button,
.page-id-8082 button.simplefavorite-button.active,
.single-resource-page button.simplefavorite-button,
.single-resource-page button.simplefavorite-button.active,
.page-id-7763 button.simplefavorite-button,
.page-id-7763 button.simplefavorite-button.active {
	border: none;
	opacity: 100%;
	position: absolute;
    top: 13px;
    right: 8px;
	z-index: 99999;
}

.page-id-7763 button.simplefavorite-button,
.page-id-7763 button.simplefavorite-button.active {
	top: 28px;
    right: 18px;
}

.page-id-7763 #inner_wrapper ul.favorites-list li {
	position: relative;
}

button.simplefavorite-button i {
	font-size: 30px;
}

#content p.favtext {
	margin-bottom: 0px;
}

#content p.memberintro {
	margin-left: auto!important;
	margin-right: auto!important;
}


#thecontent {
	display: block;
	padding-top: 3em;
	margin-bottom: 6em;
	clear: both;
}

.single-resource #content {
	max-width: 960px;
	width: 90%;
}

.single-resource .post-thumb img {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1em;
	max-width: 300px;
}

.single-resource #content h1 {
	font-size: 26px;
	padding-top: 1em;
	margin-bottom: 0;
}

.single-resource #content p.resourcetype {
	font-size: 18px;
	color: #747474;
	margin-bottom: 3px;
}

.single-resource button.simplefavorite-button,
.single-resource button.simplefavorite-button.active,
.single-resource button.simplefavorite-button,
.single-resource button.simplefavorite-button.active {
	border: none;
}

.single-resource button.simplefavorite-button i {
	font-size: 60px;
}

.single-resource button.simplefavorite-button i {
	display: none;
}

.addtofavstext {
	font-size: 13px;
    font-style: italic;
}

.single-resource #content p.level {
	margin: 0 0 8px 0;
	padding: 0;
}

.single-resource #content hr {
	margin-top: 1.5em;
}

.single-resource #singlepostbuttons,
.single-resource-page #singlepostbuttons {
	text-align: center;
    margin-top: 5em;
}

.single-resource #singlepostbuttons .kb-button,
.single-resource-page #singlepostbuttons .kb-button {
	margin-left: 6px;
	margin-right: 6px;
}

.single-resource #favlink button.simplefavorite-button i {
	display: block;
}

.single-resource #favlink {
	display: flex;
    align-items: center;
}

#inner_wrapper ul.favorites-list {
	margin: 3em 0 2em;
	display: flex;
	justify-content: center;
	padding: 0;
	border: none;
	flex-wrap: wrap;
}

#inner_wrapper ul.favorites-list li {
	list-style-type: none;
	border: none;
	flex-basis: 260px;
	padding: 12px;
}

#inner_wrapper ul.favorites-list li p {
	display: inline-block;
	margin-bottom: 0;
    margin-top: 6px;
}

#inner_wrapper ul.favorites-list li img {
	object-fit: cover;
	/*width: 100%;*/
	height: 178px;
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

#content a.page-numbers:link, #content a.page-numbers:visited {
	color: #3F3F3F;
	text-decoration: none;
}
#content .page-numbers:hover, #content a.page-numbers:active {
	color: #3F3F3F;
	text-decoration: none;
}

/* Favourites page */
page-id-7763.kb-buttons-wrap {
	display: block;
	margin-top: 2em;
}


/* Buttons */
#content .wp-block-button__link {
	font-size: 16px;
	padding: 12px 24px;
	border-radius: 8px;
}
#content .wp-block-button__link.full-library-button {
	padding: 16px 32px;
	font-size: 18px;
}


/*Kadence Gallery Style overides*/

#inner_wrapper ul.kb-gallery-ul {
	margin-left: 0;
	margin-bottom: 1em;	
}

#inner_wrapper ul.kb-gallery-ul li {
    list-style-type: none;
}

#credit {
	font-size: 11px;
	border-top: 1px solid #b24f30;
	border-bottom: 1px solid #b24f30;
	padding: 5px 5px 5px 5px;
	display: inline-block;
	margin-top: 2em;
	margin-bottom: 2em;
}
#credit a:link, #credit a:visited {
	color: #7a6058!important;
	text-decoration: none;
	}
#credit a:hover, #credit a:active {
	color: #5c4842!important;
}


@media screen and (max-width: 991px) {
.ctcc-left-side {
    line-height: 1.5em;
}
#inspireboxcontainer {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-gap: 1rem;
}
#inner_wrapper #content .inspirebox ul li {
	line-height: 1.7em;
}
}


@media(max-width: 980px) {
#featured {
	max-width: 650px;
}
.news-item img.wp-post-image {
	display: block;
	float: none;
	margin: 20px auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#news .news-item h4 {
	text-align: center;
	margin-top: 24px;
	margin-bottom: 6px;
}
#news .news-item p {
	text-align: center;
}
#news .news-item p.category a:link, #news .news-item p.category a:visited {
	text-align: center;
}
.blog blockquote, .category blockquote {
	width: 90%;
	margin: 40px auto 30px auto;
	padding: 40px 20px;
}




}

@media(max-width: 924px) {
#footer img.right {
	float: none;
	clear: both;
	margin: 0px 0px 20px 0px;
}
}

@media(max-width: 764px) {
#ohm {
	display: none;
}
#content .alignleft {
	float: none;
	display: block;
	margin: 16px auto 40px auto;
}
#content .alignright {
	float: none;
	display: block;
	margin: 16px auto 40px auto;
}
}

@media(max-width: 780px) {
#footer p {
	font-size: 1.25em;/*20x / 16px*/
}
#footer p.legal {
	font-size: 0.875em;/*14px / 16px*/
}
}

@media(max-width: 670px) {
#featured {
	max-width: 330px;
}
#wrapper_bottom_inner {
	text-align: center;
}
#wrapper_bottom_inner img {
	margin-right: 0;	
}
}

@media(max-width: 560px) {
#header #syslogo {
	clear: both;
	float: none;
	margin: 0 auto;
}
#header h1 {
	clear: both;
}
#header h1 img {
	margin-top: 0;
}
.feature-box {
	height: auto;
	padding-bottom: 10px;
}
}

@media(max-width: 500px) {
	
#footer p {
	font-size: 1.0625em;/*17px / 16px*/
}
#footer p.legal {
	font-size: 0.75em;/*12px / 16px*/
}
}

@media(max-width: 470px) {
#banner {
	display: none;
}
#inner_wrapper {
	background: #ffffff;
}
#inner_wrapper {
	padding-bottom: 32px;
}
#news, #sys-info, #footer {
	width: 90%;
}
#content {
	width: 90%;
}
#wrapper_bottom {
	display: none;
}
#footer p.legal {
	margin-top: 12px;
}
}

@media(max-width: 430px) {
blockquote {
	width: 90%;
}
#footer, #sys-info, #news, .news-item {
	padding-left: 16px;
	padding-right: 16px;
}
#footer p {
	font-size: 0.875em;/*14px / 16px*/
}
#footer p.legal {
	font-size: 0.75em;/*12px / 16px*/
}
}

@media(max-width: 350px) {
body {
	font-size: 14px;
}
#featured {
	padding-left: 0px;
	text-align: center;
}
.feature-box {
	float: none;
	margin: 0px auto 0px auto;
}
}

@media(max-width: 250px) {
body {
	font-size: 12px;
}
}